Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Density plot

Public visualization

Viewing a saved revision (read-only)

74988168ee97470db81c3a4964b90a48

Fork of Density plot

0 stars0🌍 Public
MMinh Nguyen
Last edited Jun 11, 2021
Created on Jun 11, 2021
Forked from Density plot

This visualization shows density contours of eye-tracking fixation points from the Old Faithful dataset, overlaid on a map of Antwerp's metro system. The contour plot highlights areas of concentrated gaze, with colors ranging along a diverging PiYG scale to indicate varying density values. The code uses `d3.contourDensity` to compute the contours and `d3.geoPath` to render them as SVG paths. Interactive mouse movement dynamically adjusts the bandwidth of the density estimation, updating the contour shapes in real time. The data, loaded from `data.csv` via `d3.csv`, includes fixation coordinates and durations for multiple participants and stimuli.

AI-generated description

A visualization of the Old Faithful Dataset

Uses d3-contour.

Draws from bl.ocks.org: Density Contours