Viewing a saved revision (read-only)
08697789d9df4e76a924475df1728451
Haupt-KI‑Funktionen für Fotographen
This interactive bubble chart displays the frequency of AI features for photographers, using bubble size to represent value and color to indicate rating (green=high, orange=medium, red=low). Built with React and D3 v7, the visualization renders SVG circles through the `renderCircles.js` module, which applies `scaleLinear` for positioning and sizing. Clicking a bubble selects it (turning white), while hovering triggers a 20% radius expansion via CSS transitions. Data loads from `data.csv` into the React app, with D3's `select` and `join` APIs handling dynamic circle and label updates.
AI-generated descriptionPunktdiagramm mit Bewertungsskala
Dieses Projekt visualisiert Daten als interaktives Punktdiagramm mit farblicher Kodierung nach Bewertungsskala (hoch/mittel/gering).
Features
Farbcodierung:
- Grün (#2ecc71): Hoch
- Orange (#f39c12): Mittel
- Rot (#e74c3c): Gering
Interaktivität:
- Hover-Effekt auf Punkte
- Anklickbar zur Auswahl
- Responsives Layout
Struktur
App.jsx: Hauptkomponenteviz.js: Visualisierungs-OrchestrierungrenderCircles.js: D3-Rendering für Punkte und LabelsuseContainerDimensions.js: Hook für Container-Größedata.csv: Datendatei mit id, name, x, y, rating