Fork of Cars Scatter plot

100%

Fork of Cars Scatter plot

✓ Published0🌍 Public

Last edited Jan 13, 2021

Created on Jan 13, 2021

This scatter plot visualizes the relationship between eruption duration and waiting time for the Old Faithful geyser, with each circle representing an observation from the dataset. The code uses d3.csv to load data, d3.scaleLinear for both axes, and d3.axisBottom and d3.axisLeft to render ticks. Circles are appended as SVG elements with steelblue fill and 50% opacity. The visualization includes labeled axes, a title, and grid lines, all rendered via D3 v6 in an SVG container.

AI-generated description

Waiting time between eruptions and the duration of the eruption for the Old Faithful geyser in Yellowstone National Park, Wyoming, USA.

MIT Licensed

Similar vizzes

Loading thumbnail…

Old Faithful Scatter Plot

This scatter plot visualizes the Old Faithful dataset, showing the relationship between eruption time and waiting time. The visualization uses overlapping semi-transparent green circles to convey data density, with larger circles at lower opacity revealing concentrated clusters. Built with D3 v4, the code loads tab-separated data via `d3.tsv` and renders SVG circles with dynamically adjusted radii. The interactive component responds to mouse movement on the page, recalculating the circle radius based on cursor position to explore different density levels. Axes are styled with custom tick marks and labels using D3's axis components.

CCurran Kelleher

86% match

Loading thumbnail…

Old Faithful Dataset

This example visualizes the Old Faithful geyser dataset, plotting eruption duration against waiting time to reveal a clear bimodal clustering pattern. The code uses D3.js to render a scatterplot, with `d3.scaleLinear` mapping the data to pixel coordinates and `d3.axisBottom` and `d3.axisLeft` generating the axes. Each point is drawn as a circle using SVG elements. The data is loaded from a TSV file via `d3.tsv`, containing 272 observations of eruption lengths in minutes and subsequent waiting times. The visualization highlights the two distinct groups of short and long eruptions.

CCurran Kelleher

82% match

Loading thumbnail…

Fork of Old Faithful Contour Plot

This visualization shows the Old Faithful dataset as a contour plot, with eruption time on the x-axis and waiting time on the y-axis. The density of data points is represented through filled contour regions using a sequential green color scale. The code uses d3-contour’s `contourDensity` to compute the contours, and `d3.geoPath` to render them as SVG paths. Axes are drawn with d3.axisBottom and d3.axisLeft, and moving the mouse dynamically updates the bandwidth of the density estimation, recomputing the contours in real time.

CCristina Macaraig

79% match

Loading thumbnail…

Old Faithful Contour Plot B

This visualization displays the Old Faithful geyser dataset as a smooth contour plot, with eruption time on the x-axis and waiting time on the y-axis. The code uses d3.contourDensity to compute density contours from the data, then renders them as filled SVG paths via d3.geoPath, with a sequential color scale from d3-scale-chromatic using interpolateGreens. Interactive bandwidth adjustment occurs on mousemove, altering the contour smoothing level dynamically. Axes are drawn using d3.axisBottom and d3.axisLeft, with data loaded via d3.tsv from a GitHub gist.

OOleJRask

79% match

Loading thumbnail…

Fork of Old Faithful Contour Plot

This interactive contour plot visualizes the Old Faithful dataset, showing the density of eruption and waiting times through colored bands. The visualization displays contours rendered as filled SVG paths using `d3.geoPath`, with colors mapped from a sequential greens scale. Users adjust the density bandwidth by moving their mouse across the plot, which triggers a re-render of the contour data via `d3.contourDensity` and `d3.select` event handling. Axes and labels are drawn using `d3.axisBottom` and `d3.axisLeft`, and the density estimate uses a Gaussian kernel with a bandwidth that ranges from 0 to 40 pixels as the mouse moves horizontally.

PPioustu

77% match

Loading thumbnail…

Fork of Cars Scatter Plot

A scatter plot displays temperature readings over time from the San Francisco data set, with each point representing a timestamp and its corresponding temperature. The visualization uses d3.scaleTime for the x-axis and d3.scaleLinear for the y-axis, rendering circles in SVG with a fixed radius and semi-transparent steelblue fill. Axis labels and a title are added using d3.axisBottom and d3.axisLeft, with grid lines generated through tick sizing. The code loads the CSV data via d3.csv, parses the temperature and timestamp fields, and appends the plot elements dynamically.

Ddanish-nix

77% match

Loading thumbnail…

Fork of Cars Scatter Plot

This scatter plot displays earthquake records from the UCI Machine Learning Repository’s Auto MPG Data Set, plotting year on the x-axis against earthquake magnitude on the y-axis. Each semi-transparent circle represents a single earthquake event. The visualization uses d3.csv to load the data, d3.scaleLinear for both axes, and d3.axisLeft and d3.axisBottom to render the axis ticks with gridlines. The code applies SVG rendering, with margins and axis labels styled via external CSS.

Rrichartothman@gmail.com

76% match

Loading thumbnail…

Cars Scatterplot

This scatterplot displays the frequency of earthquakes by year, with circles positioned along the x-axis for year and the y-axis for the number of quakes in a magnitude range. It uses D3 v5 with SVG rendering and scales via `d3.scaleLinear` and `d3.extent`. Axes are drawn with `d3.axisBottom` and `d3.axisLeft`, while data loads from a CSV using `d3.csv`. The visualization highlights trends in seismic activity over time.

Eedxiao97

76% match