Skip to main content
SimilarExport ZIP
100%

make bar

✓ Published1🌍 Public
Fforeverworld1879
Last edited Mar 14, 2020
Created on Mar 14, 2020
Forked from make bar

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 D3 v5’s scaleLinear, axisBottom, and axisLeft to construct the axes, while csv() loads the data and converts numeric fields. SVG circles with a steelblue fill and 50% opacity display the points, with grid lines generated via tickSize. The visualization includes labeled axes and a title, with margins applied to position the plot area.

AI-generated description

This scatter plot show data about cars form ()

MIT Licensed

Similar vizzes

Loading thumbnail…

make bar

This scatter plot displays the relationship between horsepower and weight for cars from the auto-mpg dataset. It uses D3 v5 with SVG rendering, employing d3.csv for data loading, d3.scaleLinear for scales, and d3.axisBottom and d3.axisLeft for axes. The visualization features semi-transparent steelblue circles and includes axis labels and a title.

Fforeverworld1879
98% match
Loading thumbnail…

Making a bar chart

This scatterplot shows the relationship between horsepower and weight for a dataset of cars, with each circle representing a vehicle. The visualization uses a linear scale for both axes and includes labeled axis ticks, gridlines, and a title. Built with D3 v7, the code loads CSV data from an external URL and renders SVG circles, leveraging `d3.csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`. Styling applies custom colors to tick marks, labels, and the title via CSS.

Aakshayms0
91% match
Loading thumbnail…

Making a Bar Chart

This scatterplot displays the relationship between vehicle weight and horsepower for a sample of automobiles. The data comes from the `auto-mpg.csv` dataset, loaded via D3’s `csv` function. The visualization uses D3’s `scaleLinear`, `axisLeft`, and `axisBottom` to construct the axes, while circles represent each data point. The chart is rendered as an SVG, with axis labels and a title styled through the accompanying CSS file.

BBraja Gopal Das
90% match
Loading thumbnail…

Cars Bar Chart to Scatter Plot

This example visualizes the relationship between horsepower and weight for a dataset of cars, displaying bars for each vehicle where the height corresponds to weight. The chart uses D3 v5 to load the auto-mpg CSV data and renders an SVG with a bar chart, using `scaleBand` for the categorical horsepower axis and `scaleLinear` for the weight axis. The code includes commented-out sections for alternative scatter plot configurations and axis labels, showing how the visualization can be adapted.

MMaria Zgoba
89% 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
88% match
Loading thumbnail…

Making a Bar Chart

A scatter plot displays the relationship between vehicle weight and fuel efficiency (MPG) for cars from the 1970s, with each circle’s size proportional to weight. Using d3.csv to load the data, d3.scaleLinear maps the x- and y-domains, while d3.axisBottom and d3.axisLeft render gridlines and ticks. The SVG circles are appended via data joins, and margins define the plotting area.

Nnshedd
88% 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
88% 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 circle representing a vehicle. The chart uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` to construct axes with gridlines, and renders the points as SVG circles with steelblue fill and partial opacity. Data is loaded via `d3.csv` from an external URL and parsed into numeric values, while margins and inner dimensions position the plot within a 960x500 SVG canvas.

Sshungshung
88% match