Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

CSV Visualization on a Map with d3.js

Public visualization

Viewing a saved revision (read-only)

289f8f0a1c654d61a62e7ed05215bef8

CSV Visualization on a Map with d3.js

0 stars0🌍 Public
CChengwei Ye
Last edited Mar 16, 2023
Created on Mar 16, 2023
Forked from HTML Starter

This example displays a CSV file of flight data by plotting a position marker on a world map and showing two time-series charts of altitude and speed. The map uses a Natural Earth projection with `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries, while the charts use `d3.scaleUtc`, `d3.scaleLinear`, and `d3.line` to draw the data. Hovering over the chart updates the map marker position. Data is loaded via `d3.csv` and vector map data via `d3.json` with `topojson`.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.