Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

This is a heatmap

Public visualization

Viewing a saved revision (read-only)

5e81b736083c4fe7a2e4528e193bf775

This is a heatmap

0 stars0🌍 Public
Tteodoraganea
Last edited May 13, 2020
Created on May 13, 2020
Forked from HTML Starter

This heatmap overlays eye-tracking fixation points on a static map of Antwerp’s metro system, with each point’s position derived from `MappedFixationPointX` and `MappedFixationPointY` coordinates in `data.csv`. Using React and D3’s `scaleLinear` for coordinate mapping, the visualization renders an SVG containing the fixation data. The background image is applied via CSS, while the SVG is sized at 960×500 pixels. The code loads CSV data asynchronously with `d3.csv`, converting numeric fields before passing them to the render function, though no explicit heatmap aggregation or density calculation is visible in the provided source.

AI-generated description

A bare minimum HTML page.

See also React Starter.