{"id":22794240,"url":"https://github.com/benmar2406/meat_consumption_infographic","last_synced_at":"2025-04-13T14:51:43.788Z","repository":{"id":257948236,"uuid":"846436647","full_name":"benmar2406/meat_consumption_infographic","owner":"benmar2406","description":"Interactive web app with scrollytelling elements that uses creative approaches to visualize data beyond typical visualization methods. ","archived":false,"fork":false,"pushed_at":"2025-01-09T17:41:36.000Z","size":12700,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-09T18:41:33.625Z","etag":null,"topics":["d3","d3js","data-visualization","data-visualization-design","datavisualization","framer-motion","framermotion","information-visualization","react","scrollama","scrollanimation","scrollytelling"],"latest_commit_sha":null,"homepage":"https://meat-consumption-infographic.onrender.com/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/benmar2406.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-08-23T07:51:14.000Z","updated_at":"2025-01-09T17:41:40.000Z","dependencies_parsed_at":"2024-12-19T12:28:37.878Z","dependency_job_id":"a63b1491-f49c-4f90-9ba1-45ee713f1121","html_url":"https://github.com/benmar2406/meat_consumption_infographic","commit_stats":null,"previous_names":["benmar2406/meat_consumption_infographic"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/benmar2406%2Fmeat_consumption_infographic","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/benmar2406%2Fmeat_consumption_infographic/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/benmar2406%2Fmeat_consumption_infographic/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/benmar2406%2Fmeat_consumption_infographic/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/benmar2406","download_url":"https://codeload.github.com/benmar2406/meat_consumption_infographic/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":237359378,"owners_count":19297261,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["d3","d3js","data-visualization","data-visualization-design","datavisualization","framer-motion","framermotion","information-visualization","react","scrollama","scrollanimation","scrollytelling"],"created_at":"2024-12-12T04:07:42.572Z","updated_at":"2025-02-05T19:37:32.478Z","avatar_url":"https://github.com/benmar2406.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Interactive website / infographic: 1kg - Costs of consumption\n\n## Overview\nan interactive web app with scrollytelling elements which informs about the impact of meat consumption and production in terms of ressource usage and environmental impact.\nCreative approaches are used to visualize data beyond typical visualization methods.\nCreated with React (Vite) and several libraries.\n\n## Visualization \u0026 Animation Libraries\n* D3.js\n* Framer Motion\n* Scrollama\n\n## Features\n* language support based on browser setting\n* german and english (default), can be expanded to further languages\n\n## Installation and setup\n\n### Prerequisites\n* Node.js and npm installed\n\n### Start server and client locally\n* Navigate to main directory\n* \"npm run dev\" to start local development server\n* \"npm run build\" to create deployable build\n\n   \n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbenmar2406%2Fmeat_consumption_infographic","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbenmar2406%2Fmeat_consumption_infographic","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbenmar2406%2Fmeat_consumption_infographic/lists"}