https://github.com/erpix3lt/threejs-data-visualisation

Take on Jer Thorps data visualisation of 138 Years of Popular Science, only in Threejs.
https://github.com/erpix3lt/threejs-data-visualisation

138-years-of-popular-science data-visualization react-three-drei react-three-fiber three-js

Last synced: about 21 hours ago
JSON representation

Take on Jer Thorps data visualisation of 138 Years of Popular Science, only in Threejs.

• Host: GitHub
• URL: https://github.com/erpix3lt/threejs-data-visualisation
• Owner: Erpix3lt
• License: mit
• Created: 2024-11-15T13:33:16.000Z (3 days ago)
• Default Branch: main
• Last Pushed: 2024-11-15T13:39:53.000Z (3 days ago)
• Last Synced: 2024-11-15T14:32:04.469Z (3 days ago)
• Topics: 138-years-of-popular-science, data-visualization, react-three-drei, react-three-fiber, three-js
• Language: TypeScript
• Homepage: https://sapienza-information-design.vercel.app/
• Size: 0 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Three.js Data Visualisation

![Screen Capture](https://github.com/Erpix3lt/threejs-data-visualisation/blob/main/images/Bildschirmfoto%202024-11-15%20um%2014.37.15.png)

This project is a visualisation of keywords used by the Popular Science magazine over 138 years. The original idea is by Jer Thorp: [Instagram](https://www.instagram.com/blprnt/).

## Deployment

You can view the live deployment of this project [here](https://sapienza-information-design.vercel.app/).

## Overview

This visualisation uses Three.js to create an interactive 3D representation of the keywords. The data is fetched from a CSV file and displayed in a timeline format, allowing users to explore the evolution of keywords over time.

## Features

- Interactive 3D visualisation using Three.js

- Timeline representation of keywords

- Hover information for detailed keyword data

- Navigation controls for exploring the visualisation

## Getting Started

To get started with this project, clone the repository and install the dependencies:

```sh

git clone https://github.com/Erpix3lt/threejs-data-visualisation.git

cd threejs-data-visualisation

npm install