https://github.com/mariokreitz/d3-bar-chart

Ein Balkendiagramm, erstellt mit 3D.js, ermöglicht es, Daten in einem dreidimensionalen Raum anschaulich darzustellen und sie interaktiv zu erkunden.
https://github.com/mariokreitz/d3-bar-chart

d3js freecodecamp-challenge react vite

Last synced: 28 days ago
JSON representation

Ein Balkendiagramm, erstellt mit 3D.js, ermöglicht es, Daten in einem dreidimensionalen Raum anschaulich darzustellen und sie interaktiv zu erkunden.

• Host: GitHub
• URL: https://github.com/mariokreitz/d3-bar-chart
• Owner: mariokreitz
• License: mit
• Created: 2024-04-24T17:15:00.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-04-24T17:21:38.000Z (8 months ago)
• Last Synced: 2024-04-24T19:28:47.966Z (8 months ago)
• Topics: d3js, freecodecamp-challenge, react, vite
• Language: JavaScript
• Homepage: https://bar-chart-with-3djs.netlify.app/
• Size: 53.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Daten Visualisierung - Balkendiagramm [![Netlify Status](https://api.netlify.com/api/v1/badges/201e7fb6-4098-4c20-a6ca-089607caf62a/deploy-status)](https://app.netlify.com/sites/bar-chart-with-3djs/deploys)

Dieses Projekt ist Teil des Zertifikatskurses "Data Visualization" auf [freeCodeCamp.org](https://www.freecodecamp.org/). Es verwendet Daten aus dem [freeCodeCamp GDP Daten-Repository](https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/GDP-data.json) und erstellt ein Balkendiagramm zur Visualisierung dieser Daten.

## Datenquelle

Die JSON-Daten für dieses Projekt werden von freeCodeCamp bereitgestellt. Du kannst die Daten [hier herunterladen](https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/GDP-data.json).

## Technologien

- **React**: Eine JavaScript-Bibliothek zur Erstellung von Benutzeroberflächen.

- **Vite**: Ein schnelles Build-Tool für moderne Web-Projekte.

- **D3**: Eine JavaScript-Bibliothek zur Manipulation von Dokumenten basierend auf Daten.

- **react-loader-spinner**: Eine Bibliothek für Ladeindikatoren in React-Anwendungen.

## Installation

1. Klone das Repository:

```bash

git clone https://github.com/mariokreitz/d3-bar-chart.git

```

2. Installiere die Abhängigkeiten:

```bash

cd d3-bar-chart

npm install

```

3. Starte die Anwendung:

```bash

npm run dev

```

Die Anwendung sollte nun unter `http://localhost:5173/` verfügbar sein.

## Lizenz

Dieses Projekt ist unter der [MIT-Lizenz](https://github.com/mariokreitz/d3-bar-chart/blob/main/LICENSE) lizenziert.