Skip to main content
SimilarExport ZIP
100%

Pupil Diameter

✓ Published0🌍 Public
Lleongtini
Last edited Nov 1, 2022
Created on Oct 12, 2022

This line chart displays pupil diameter over time, measured from the right eye, with the y-axis fixed from 0 to 7 millimeters. The visualization filters the dataset to the first eleven data points and renders them as a smooth, navy blue curve. The code uses D3 v5 with `scaleLinear`, `axisBottom`, `axisLeft`, and a `line` generator with `curveBasis` for the path, drawing to an SVG canvas. Data originates from a CSV file loaded via `d3.csv` and is normalized by converting timestamps into minutes.

AI-generated description

This line chart shows one week of temperature (in degrees Celcius) in San Francisco. The data comes from Data Canvas - Sense Your City.

MIT Licensed

Similar vizzes

Loading thumbnail…

Line Chart

This line chart visualizes student growth rates from 1980 to 2005, with years on the x-axis and growth rate on the y-axis. The chart uses d3.csv to load external data, then d3.scaleTime and d3.scaleLinear for axes, d3.axisBottom and d3.axisLeft for ticks, and d3.line with d3.extent and d3.max for path generation. Rendered as SVG, the chart includes axis labels and a title, with the line path styled in red via CSS.

SSravaniPosina
69% match
Loading thumbnail…

Line Chart

This line chart displays student growth rate from 1980 to 2005, plotting year on the x-axis and per capita mobile usage on the y-axis. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` generators to create the SVG path, with gridlines from tick size and rotated axis labels. Data is loaded via `csv()` from a GitHub gist, and the chart includes a title and styled axes using CSS classes.

DDineshK2602
68% match
Loading thumbnail…

Curve AE

This visualization shows a line chart tracking how average fixation duration changes over the course of an eye-tracking experiment with 86 undergraduate students solving math problems. The chart plots response time against experimental order, with data from the WPI MAPLE Lab study, showing whether fixation patterns vary across participants over time. The code uses D3 v7’s `scaleTime`, `scaleLinear`, and line generator, loading data from a CSV file via `csvParse` and rendering axes with reusable `axisLeft` and `axisBottom` functions from the `d3` module.

AAlena Egorova
67% match
Loading thumbnail…

D3-LineChart

This example shows a line chart tracking the average population of the Iris-Setosa species from 2017 to 2023, with data points marked by circles that enlarge and display a red tooltip on mouseover. The visualization is built using D3 v7 within a React-compatible HTML page, rendering to an SVG canvas. It employs d3.line to construct the path, d3.scaleLinear for both axes, d3.axisBottom and d3.axisLeft for tick marks, and d3.csv to load external data from a GitHub gist. The chart uses a steelblue stroke and the d3.schemeBuPu color scheme for points and line.

CChandana Srinivas
65% match
Loading thumbnail…

simple line chart from dataset

This simple line chart visualizes a small dataset of monthly values across seven categories, showing the trend of a metric over time. The chart encodes each data point as a grey circle on a black polyline, with the x-axis using an ordinal scale for category names and the y-axis using a linear scale for values. The code, built with D3 v3, parses dates from the dataset and renders the SVG with a fixed size. On mouseover, circles turn red, a dynamic value label appears, and a dashed guide line drops to the baseline; the final value is labeled at the line’s end.

FFrancoisDEAVEIRO
65% match
Loading thumbnail…

World Pupulation

This area chart shows world population trends over time, with the years on the x-axis and population counts on the y-axis. The visualization uses D3’s `scaleTime`, `scaleLinear`, and `area` generator with a `curveBasis` smoothing function to create the orange population curve. Axes are rendered using `axisBottom` and `axisLeft`, with grid lines and labeled titles. Data comes from a CSV file loaded via D3’s `csv` method, with population values multiplied by 1000 and years parsed as dates before rendering as SVG.

CChenluWang96
65% match
Loading thumbnail…

line chart time data

This line chart visualizes daily values over a two-week period, with a red path connecting data points plotted by date and value. The y-axis starts at 8000 to emphasize variation, while each data point is marked with a circle. Using D3 v5, the code loads a CSV file, parses dates with `new Date()`, and applies `scaleTime` and `scaleLinear` for axes. The `line` generator with `curveBasis` creates the smoothed path, and SVG circles are appended for points, with axes rendered via `axisLeft` and `axisBottom`.

VVvgupta
65% match
Loading thumbnail…

simple line chart from dataset

This simple line chart visualizes a small dataset over time, with each data point represented by a circle that turns red on mouseover and displays its value. The chart uses an ordinal scale for the categorical x-axis and a linear scale for the y-axis, drawing a black polyline through all points. Built with D3 v3, the visualization loads JSON data via `d3.json`, parses dates with `d3.time.format`, and constructs the line using `d3.svg.line`. SVG text elements label the x-axis with abbreviated month names below the chart.

AAurelink
65% match