Data Illustration Generator

This project has initially been created for a project for the Social Developers Club Conference 2023. However, it is set up in a generic way so it can be reused and further developed for various projects / purposes.

Input

• Put a data.csv in the src folder
• The file must contain the column type (string) and count (integer) and should be comma seperated

Output

Via the download button, you will get:

• The current image as SVG and PNG
• The current configuration as CSV (in order to be able to reprodue the result)
• The order of the icons as CSV (in order to be able to reprodue the result)

Setup

The setup is based on the project template from Three.js Journey by Bruno Simon

Download Node.js. Run this followed commands:

# Install dependencies (only the first time)
npm install

# Run the local server at localhost:5173
npm run dev

# Build for production in the dist/ directory
npm run build