Second Meeting: Planing the "Hello World Demo"

We have talked about the Hello World Demo and what will be included in that. But we thought that it would be best if we just planned our final product at once and show what we have managed to
accomplish to the 19th of February.

Linette is working on integrating vue.js to our project. Li is sketching our visualization. Axel is searching for different CSS templates. Mats is looking at different D3 templates.

We have noticed that we all lack experience with vue.js.


Temporal end product and its features:

• A map of the world
• Dark colors (background) and lighter colors on the different countries
• Have different color intensities depending on how the revenues from that country
• Low intensity (low revenue) - High intensity (high revenue)
• A search bar
• to search a film
• Movie info screen (low prio)
• After a film is selected, information about that film will be displayed 
• Hover function
• see more details about that country
• Slider function (low prio)
• select different years

Prototype:

Work distribution:

• Mats is responsible for the d3 map based on this visualization https://vida.io/gists/TWNbJrHvRcR3DeAZq
• Axel & Alvaro will work on the search bar and making it work with a visualization
• Li & Rodrigo is responsible for the data
• Linette will be responsible for the overall layout of the project (CSS)

Li have created Git issues for everyone and she has also created a branches for the different tasks.
https://github.com/luxiya01/ivis19_project


Hello World Demo:

Linette and the rest of us are creating a Hello World Demo on Adobe Illustrator.

Good ideas: 

• Select a country, get information from that country
• top 10 best rated movies 
• see "arrows" which shows where the revenues from a specific film or all films made in that country comes from
• Select on or more countries
• only able to search films from that/those countries
• compare the amount of revenue between the selected countries
• Year slide
• Changes the map data depending on what is selected (revenue) and what year is selected

Links of the day:

• https://vuejs.org/v2/guide/?fbclid=IwAR1Ls2pdNJzFpbLp1QOuNjcmnqbCdgzcha8SaozgADCkKiLxFU7jfTx8dFA
• https://medium.com/tyrone-tudehope/composing-d3-visualizations-with-vue-js-c65084ccb686?fbclid=IwAR2mPDDyg4wGOrX4768rvidIzZA7JrCxReeo5K8QogF-h53KAfV9A8Jgq8o
• https://codepen.io/AndrewThian/pen/QdeOVa?fbclid=IwAR3BKwGCrxBauxYp8YhlPGOSMNJz2nzM3DmKzcrMOuzDj1_czDfNInE_1c4