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 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.

AI-generated description

This scatter plot show data about cars form ()

MIT Licensed

Similar vizzes

Loading thumbnail…

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.

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

Cars Scatter Plot

This scatter plot displays the relationship between horsepower and weight for a dataset of cars, with each vehicle represented as a steel-blue circle. The visualization uses D3.js version 5 with an SVG rendering approach, employing `d3.scaleLinear` for both axes and `d3.axisLeft` and `d3.axisBottom` to generate grid-lined tick marks. Data is loaded from a CSV file containing auto-mpg measurements, and the code parses numeric fields before rendering. The chart includes axis labels and a title, with styling applied through external CSS classes.

Aaveryfairbanks
87% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a dataset of cars. The D3.js code (v5) loads auto-mpg data from a CSV file, parses the numeric columns, and renders circles with a semi-transparent steelblue fill. Axes are customized using D3’s `axisBottom` and `axisLeft`, which draw gridlines via negative tick sizes. Linear scales with `.nice()` set the plot’s domain and range, while SVG elements are managed through D3 selections and appended within a margined group.

Zztawil
87% match