Code Monkey home page Code Monkey logo

mvtec-google-workshop-cornsilk's Introduction

Workshop with Google!

Last year, COVID-19 locked us home and upended our lives.

They were hard times for many, and we want to explore the relationship between our struggles and our solidarity during the pandemic using Google Trends.

The idea for this project is to visualize the dichotomy:

  • Who/When/Where/What for we ask for help,
  • Who/When/Where/What for we offer help.

A look at the trend in the last 5 years shows a peak around March last year ... was it the pandemic?

For example mental health issues, international solidarity and ways to support Black Lives Matter pop up in this view of last year's trending topics

We're thrilled to count with the support of Google News Lab: Simon Rogers and Alberto Cairo will assit with the data, editorial and visual angle of this project!! They'll also be joining us at the hackathon on May 15.

In this repository

In the app folder you'll find a boilerplate(ish) template, it's similar to the mvtec-svelte-app, with the addition of svelte-materialify —so we don't spend too much time overdesigning the UI.

You also have a data folder. Think of it as the playground for your data.

Let your imagination run wild ...

Over the years, designers have taken many different approaches to visualize Google Trends. Find some inspirations here:

... well, wild(ish), the piece has to have ...

These are mandatory bits you'd need to include in the piece, they can be ordered however you want though (yes, you can even start with something before the title! That's called a cold open.)

  • Title and intro: What am I gonna see here?
  • Hero visualization: The star of the show 🤩! Unleash your creativity!
  • Guiding text and annotations: A bit of hand-holding through the visual, to explain noticeable bits in the views
  • Small multiples: Still cool, but in a cool aunt kind of way 😎
  • Filters: They can be a dropdown menu, buttons, sliders, chips ... that transform or reduce the data you're visualizing

Audience

General public.

About the data

This post by Simon Rogers explains the nitty gritty of the data.

Also, this post about process from Moritz Stefaner is worth a read.

Teams

Cornsilk Fuchsia Turquoise
Students → Laura, Spe, Núria, Ànnia Rebecca, Víctor, Oriol, Rocío Santiago, Sara, Xavier
Mentors → Xaquín, Carlo Karma, Matt Anton, Artur, Apple

Timeline

  • Meeting kickoff: April 28
  • Hackathon: May 15
  • Deadline: May 19

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.