Scatter Plot

100%

✓ Published0🌍 Public

Last edited Apr 6, 2020

Created on Apr 6, 2020

This scatter plot visualizes the start times of various module codes, showing the distribution of class schedules across the day. It uses D3 v5 to load CSV data and render SVG circles, with linear scales mapping time and module code to x and y positions. The axes are generated with `axisBottom` and `axisLeft`, and the data comes from a local `proj.csv` file.

AI-generated description

This scatter plot shows data about cars, from UCI Machine Learning Repository: Auto MPG Data Set.

MIT Licensed

Similar vizzes

Loading thumbnail…

A scatter plot Graph.js

A scatter plot displays module marks for individual courses, with each circle’s vertical position representing a module code and horizontal position showing its mark. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` for the x-axis and `scalePoint` for the y-axis. Data loads from a local CSV file via d3.csv, and axes are generated with `axisLeft` and `axisBottom`. Grid lines extend across the plot through tick sizes, while a labeled axis and title provide context.

WW9183907

81% match

Loading thumbnail…

D3 reusable Scatter Plot

This scatter plot visualizes a student dataset with marks, study time, and course count. Built with D3 v6, it uses a reusable chart pattern with scaleLinear, axisBottom, axisLeft, and SVG circles. The plot cycles its x-axis variable through three columns every five seconds, animating the data transition via setInterval. Data comes from a CSV loaded with d3.csv, and the chart updates in place when the x-value changes.

AArun Pratap

77% match

Loading thumbnail…

A scatter plot Graph.js

This scatter plot visualizes the average marks achieved across various modules, with each circle representing a course positioned by its mark on the x-axis and module name on the y-axis. The chart uses D3 v5's `scaleLinear` and `scalePoint` for axes, while `axisLeft` and `axisBottom` generate the tick marks. Data is loaded from a CSV file and rendered as SVG circles with steelblue fill. The visualization includes axis labels and a title, with styling applied via CSS.

Ssoundaryasure

77% match

Loading thumbnail…

A scatter plot Graph.js

This scatter plot shows the average marks achieved across university modules, with each module represented as a circle positioned along a linear mark scale and a point-based module axis. The visualization uses D3 v5 to load CSV data, apply linear and point scales, and render SVG circles with a steelblue fill. It includes custom axes with tick lines, formatted tick labels, and a marks axis label. The graph emphasizes distribution and comparison of module performance through clear spatial encoding.

WW9183907

75% 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

75% match

Loading thumbnail…

Scatter Plot Using Different Data Set

This scatter plot visualizes the relationship between time of day (GMT) and the number of tweets per minute, using data from a CSV file loaded with `d3.csv`. The code maps time to the x-axis via `scaleTime` and tweet counts to the y-axis with `scaleLinear`, rendering each data point as an SVG circle. Axes are added using `axisLeft` and `axisBottom`, with time formatted as hours using `timeFormat`. The chart fills the browser window, with a fixed radius of 2 pixels for all points.

PParker-D5

74% 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

73% 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