Skip to content

Latest commit

 

History

History
29 lines (19 loc) · 827 Bytes

README.md

File metadata and controls

29 lines (19 loc) · 827 Bytes

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