Skip to content

Interactive web app with scrollytelling elements that uses creative approaches to visualize data beyond typical visualization methods.

Notifications You must be signed in to change notification settings

benmar2406/meat_consumption_infographic

Repository files navigation

Interactive website / infographic: 1kg - Costs of consumption

Overview

an interactive web app with scrollytelling elements which informs about the impact of meat consumption and production in terms of ressource usage and environmental impact. Creative approaches are used to visualize data beyond typical visualization methods. Created with React (Vite) and several libraries.

Visualization & Animation Libraries

  • D3.js
  • Framer Motion
  • Scrollama

Features

  • language support based on browser setting
  • german and english (default), can be expanded to further languages

Installation and setup

Prerequisites

  • Node.js and npm installed

Start server and client locally

  • Navigate to main directory
  • "npm run dev" to start local development server
  • "npm run build" to create deployable build