Skip to main content
SimilarExport ZIP
100%

A scatter plot Graph.js

✓ Published0🌍 Public
WW9183907
Last edited May 6, 2020
Created on May 6, 2020

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.

AI-generated description
MIT Licensed

Similar vizzes

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
92% 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
89% match
Loading thumbnail…

Scatter Plot

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.

AAziz Jaffrey
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
79% 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
79% 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
78% match
Loading thumbnail…

Scatter Plot

A scatter plot visualizes the relationship between student age and exam marks across various university courses. Each point represents an average mark for a specific age group within a course, with the x-axis scaled linearly and the y-axis using a band scale for discrete age values. The visualization uses D3 v5's `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to construct the SVG chart, with margins and formatting applied to the axes. Data comes from a CSV file containing department, course, age, attendance, and marks columns.

Ppillliarun79
78% match
Loading thumbnail…

Scatter Plot

A scatter plot visualizes the relationship between student age and exam marks across various university courses. Each point represents an average mark for a specific age group within a course, with the x-axis scaled linearly and the y-axis using a band scale for discrete age values. The visualization uses D3 v5's `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to construct the SVG chart, with margins and formatting applied to the axes. Data comes from a CSV file containing department, course, age, attendance, and marks columns.

Ppillliarun79
78% match