Scatterplot scientific output

100%

Scatterplot scientific output

✓ Published0🌍 Public

Last edited Apr 5, 2018

Created on Apr 5, 2018

A scatterplot of scientific output, showing the log of total references against year from 1650 to 1982. The visualization uses a brushed region that allows users to zoom into a selected area of the plot; double-clicking the background resets the view. Implemented with d3.v4, the chart renders circles via SVG and animates axis and point transitions using `d3.transition`. Data is loaded from a CSV file containing year and value columns.

AI-generated description

Scatter plot zoom of the brushed region. Double-click to zoom out.

forked from <a href='http://bl.ocks.org/EfratVil/'>EfratVil</a>'s block: <a href='http://bl.ocks.org/EfratVil/d956f19f2e56a05c31fb6583beccfda7'>Scatter plot with zoom</a>

forked from <a href='http://bl.ocks.org/MNoichl/'>MNoichl</a>'s block: <a href='http://bl.ocks.org/MNoichl/27f3efcb410ba77bdfde1f1f8890703f'>Scatterplot basic</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Scatterplot basic

This scatterplot displays clustered data from a CSV file, using color to distinguish clusters. Users can brush a region to zoom in, and double-click to reset the view. The visualization is built with D3 v4, using `d3.scaleLinear` for axes, `d3.brush` for selection, and SVG transitions for smooth animations. It renders data points as circles, with a legend for cluster identification.

MMNoichl

74% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between two numeric variables from a CSV dataset, plotting each point with x and y coordinates. It uses D3 version 6 with an SVG rendering approach, employing `d3.scaleLinear` to map the data domains to pixel ranges and `d3.axisBottom` and `d3.axisLeft` for the axes. Data is loaded asynchronously via `d3.csv`, and circles are appended and joined to the data using `.join('circle')`. The plot is styled with a teal fill and includes axis labels for "Numbers" and "Amount."

Bbugfree55

73% match

Loading thumbnail…

scatter

This example presents an animated scatterplot comparing two datasets loaded from separate JavaScript files. Green and red circles represent positive and negative y-values, transitioning between the datasets every three seconds. Built with D3 v4, the visualization uses `d3.scaleLinear` for axes and `d3.transition` to animate circle positions and radii. An SVG line marks the zero baseline, with axis updates handled by `d3.axisTop` and `d3.axisLeft`.

EEranM6

73% match

Loading thumbnail…

Scatter Plot in D3

This scatter plot visualizes the maximum number of players for various games by year from 2004 to 2008, using data loaded from a CSV file. Circles represent each data point, positioned via `d3.scaleLinear` for the x-axis and `d3.scalePoint` for the y-axis, with axes generated by `d3.axisBottom` and `d3.axisLeft`. The SVG rendering includes labeled axes, grid lines, and a title, all styled with CSS. The code uses D3 v7’s modular imports and follows a tutorial by Curran Kelleher.

SSimon Hackbert

73% match

Loading thumbnail…

Scatter Plot

A simple scatter plot displays categorical labels on the vertical axis and numeric values on the horizontal axis, with circles sized at 18 pixels. The data comes from a CSV file, and the chart uses `d3.scaleLinear` for the x-axis and `d3.scalePoint` for the y-axis, with a tick format converting large numbers to abbreviated units. Axes are rendered via `d3.axisLeft` and `d3.axisBottom`, and the visualization is built using SVG elements selected through `d3.select`. The chart includes a title and axis labels styled via CSS.

CChocoOrange

73% match

Loading thumbnail…

Fork of making Scatter plottes

This visualization shows the relationship between years and planted area, with each data point plotted as a steelblue circle. The y-axis scales the area values linearly, while the x-axis uses a point scale for years. Built with D3 v5, the code renders SVG circles, customizes axis ticks and grid lines, and includes axis labels for clarity. Data is loaded from a CSV file using `d3.csv`.

SSteve_Nashon

72% match

Loading thumbnail…

scatterPlot

A scatter plot displays letters from a CSV file against their corresponding numeric values as circles. The chart uses D3 v5 with an SVG rendering, loading data via `d3.csv` and scaling positions with `scaleLinear` for the x-axis and `scalePoint` for the y-axis. Axes are generated using `axisBottom` and `axisLeft`, with tick lines spanning the plot area.

VVvgupta

72% match

Loading thumbnail…

Scatter Plot

A scatter plot displays individual data points positioned by two numeric variables, with each point rendered as a small circle. The visualization uses D3.js v6 and is built with a simple SVG container. The code applies the `d3.scaleLinear` function to map x- and y-values to pixel coordinates, then appends `circle` elements to the chart area. Axes are generated with `d3.axisBottom` and `d3.axisLeft`. The data is loaded from an external CSV file using `d3.csv`, and the plot updates dynamically once the data is parsed.

JJames Huang

72% match