https://github.com/scriptraccoon/diets-europe

Visualization of dietary preferences in Europe, made with Svelte and D3
https://github.com/scriptraccoon/diets-europe

Last synced: over 1 year ago
JSON representation

Visualization of dietary preferences in Europe, made with Svelte and D3

• Host: GitHub
• URL: https://github.com/scriptraccoon/diets-europe
• Owner: ScriptRaccoon
• License: mit
• Created: 2024-05-05T18:43:57.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-05-06T19:30:08.000Z (about 2 years ago)
• Last Synced: 2024-05-30T16:49:52.998Z (about 2 years ago)
• Language: Svelte
• Homepage: https://diets-europe.netlify.app
• Size: 146 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Dietary preferences in Europe

https://diets-europe.netlify.app

This is a visualization of the dietary preferences in selected European countries. The data is taken from the _Smart Protein Project_, [What consumers want: a survey on European consumer attitudes towards plant-based foods](https://smartproteinproject.eu/wp-content/uploads/FINAL_Pan-EU-consumer-survey_Overall-Report-.pdf). The map is generated from data in the [Map of Europe](https://github.com/leakyMirror/map-of-europe) repository.

![Screenshot of the app with Germany hovered](screenshot.png)

The visualization itself is made with [Svelte](https://svelte.dev/) and [D3](https://d3js.org/). On touch devices the data for each country is displayed under the map, otherwise the data is displayed in a floating card that follows the mouse.

The color of each country is an interpolation between red and green, depending on how many people tend towards a vegan diet. Regardless, we see that every country is colored in red ...