Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatterplot - Events in Amsterdam

Public visualization

Viewing a saved revision (read-only)

6331ef9ca4b34b35bdfe1063b631944f

Scatterplot - Events in Amsterdam

1 star0🌍 Public
LLaurens
Last edited Sep 17, 2019
Created on Sep 4, 2019
Forked from Customizing Axes

This scatterplot visualizes event locations across Amsterdam on latitude and longitude axes, with circles colored by category such as museums, parks, and beaches. Hovering over a circle reveals the event name in a tooltip and updates a preview image from the data. A legend allows filtering by category, while zooming adjusts the dot size. The visualization uses D3 v5 with SVG rendering, an ordinal color scale from `d3.schemePaired`, and d3.zoom for interaction, loading data from a JSON file containing multilingual event descriptions.

AI-generated description

Event sites in Amsterdam plotted on lat and long axes

Hover over a circle to see the name of the event site. Hover over categories to filter.

Todo

  • Port to D3V5
  • Clean up code
  • Modularize code
  • Fix axes on zooming behaviour