Skip to main content
SimilarExport ZIP
100%

Circle

✓ Published1🌍 Public
Bbbroker
Last edited Jan 17, 2021
Created on Jan 17, 2021
Forked from Hello VizHub

This scatter plot displays the relationship between horsepower and weight for a dataset of cars, with each car represented as a semitransparent red circle. The chart is built using D3 version 5 and rendered as SVG, with a linear scale applied to both axes. The code parses the auto-mpg CSV data and uses D3 API functions like `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the visualization, including labeled axes and a title.

AI-generated description

this chart is about cars

MIT Licensed

Similar vizzes

Loading thumbnail…

Car Scatter Plot

This scatter plot displays the relationship between horsepower and weight for a dataset of cars, with each vehicle represented as a semi-transparent blue circle. The visualization uses D3.js (v5) with SVG rendering, employing `d3.scaleLinear`, `d3.axisLeft`, and `d3.axisBottom` to construct the axes, while `d3.csv` loads the auto-mpg dataset. Hovering over a circle changes its color and opacity, and the chart includes labeled axes and a title.

SSam Lite
92% match
Loading thumbnail…

Cars Scatter Plot)

This scatter plot visualizes the relationship between horsepower and weight for a set of cars, plotting each vehicle as a semi-transparent red circle. The chart uses D3 v5's `scaleLinear` for both axes, `axisBottom` and `axisLeft` for tick marks, and `csv` to load the auto-mpg dataset from a remote URL. The SVG rendering applies custom styling for axis labels, tick colors, and a title, with a fixed circle radius of 15 pixels.

TTerribleCactus
92% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the auto-mpg dataset, with each circle representing a vehicle. The chart uses red, semi-transparent circles to show data density, and includes labeled axes and a title. Built with D3 v5, the code loads CSV data, applies linear scales via `scaleLinear`, and renders axes using `axisBottom` and `axisLeft`. The SVG output includes grid lines and custom styling from the accompanying stylesheet.

Kkshethia12
92% match
Loading thumbnail…

Car Scatter Plot

This scatter plot displays the relationship between horsepower and weight for a collection of cars, with each vehicle represented by a semi-transparent red circle. The visualization uses a D3.js v5 SVG rendering pipeline, employing `scaleLinear` for coordinate mapping, `axisLeft` and `axisBottom` for the chart axes, and `extent` to determine the data domains. The underlying dataset is loaded via the `csv` function from auto-mpg data, and axis labels and a title are annotated using D3’s text elements.

PPabloReyesBetanzo
92% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot displays the relationship between horsepower and weight for a dataset of cars, with each circle representing an individual vehicle. The visualization uses D3 v5’s `scaleLinear` for both axes and `axisBottom`/`axisLeft` to render tick marks, while `csv` loads the auto-mpg dataset. SVG circles are positioned via `xScale` and `yScale`, with semi-transparent purple styling and axis labels added as text elements.

BBarryC7
92% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the auto-mpg dataset, with each red circle representing a vehicle. The D3 v5 code uses `csv` to load the data, `scaleLinear` to map values to pixel coordinates, and SVG `circle` elements for rendering. Axes are generated with `axisBottom` and `axisLeft`, while `extent` determines the domain. The chart includes labeled axes and a title, with styling applied via CSS.

Iianleekq
92% match
Loading thumbnail…

Cars Scatter

This scatter plot displays the relationship between horsepower and weight for a dataset of cars, with each circle representing a vehicle. The visualization uses D3 v5 to render an SVG, employing `scaleLinear` for both axes and `axisBottom`/`axisLeft` to generate tick marks and grid lines. Data from the auto-mpg.csv file is loaded via `csv`, and circles are appended with a fixed radius of 18 pixels, styled red with partial opacity. Axis labels and a title are positioned manually within the chart's margins.

Cclaire1801
92% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot displays the relationship between horsepower and weight for a dataset of cars, with each circle representing a vehicle. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` APIs to construct axes with gridlines, while SVG circles are positioned using the scaled x and y values. Data is loaded asynchronously from a CSV file via `d3.csv`, and styling is applied through external CSS for tick text, axis labels, and the semi-transparent red circles.

Nntds12
91% match