Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Haupt-KI‑Funktionen für Fotographen

Public visualization

Viewing a saved revision (read-only)

08697789d9df4e76a924475df1728451

Haupt-KI‑Funktionen für Fotographen

0 stars0🌍 Public
Uudjeffrey.jay@gmail.com
Last edited Jan 24, 2026
Created on Jan 24, 2026

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 description

Punktdiagramm 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: Hauptkomponente
  • viz.js: Visualisierungs-Orchestrierung
  • renderCircles.js: D3-Rendering für Punkte und Labels
  • useContainerDimensions.js: Hook für Container-Größe
  • data.csv: Datendatei mit id, name, x, y, rating