Skip to main content
SimilarExport ZIP
100%

Fork of bar-chart

✓ Published0🌍 Public
RRoman Polulekh
Last edited Dec 7, 2022
Created on Dec 7, 2022

This visualization displays a scatter plot of automobile data, plotting weight against horsepower with each data point represented as a fixed-radius circle. The chart also includes a title and axis labels, with grid lines extending across the plot area. The example uses D3 v5’s `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to construct the scales and axes, while data is loaded via `csv` from a remote URL. The code sorts the data, but the visible rendering focuses on the relationship between the two quantitative variables, with all circles sharing the same size.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Making a Bar Chart

This example shows a scatterplot of automobile data, mapping each car’s horsepower on the x-axis and its weight on the y-axis, with a title and labeled axes. It uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` APIs, loading CSV data via `d3.csv` from a VizHub dataset. The SVG render draws red, semi-transparent circles for each car, with margins, tick marks, and custom text labels styled via CSS. The code explicitly parses numeric columns before rendering.

BBraja Gopal Das
88% match
Loading thumbnail…

Fork of example of line chart

This scatterplot visualizes the relationship between horsepower and weight for a sample of automobiles, with each car represented by a semi-transparent red circle. Built with D3 v5, it uses scaleLinear to map both variables and customizes the axes with tick formatting and labels. The visualization loads automobile data from a CSV file and renders it as SVG, demonstrating axis customization through the axisBottom and axisLeft APIs.

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

Fork of Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars, with each red semi-transparent circle representing a vehicle. The code uses D3 v5’s `csv`, `scaleLinear`, `axisBottom`, and `axisLeft` to load data from the UCI Auto MPG dataset and render an SVG chart. Axes include tick marks and labels, while a title and rotated y-axis label are manually positioned. Filtering and data type conversion occur before rendering, matching the original example’s styling and layout.

AAlexandre Pinho
85% 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
85% match
Loading thumbnail…

Fork of Cars Scatter Plot

This fork of a cars scatter plot visualizes the relationship between horsepower and weight for a dataset of automobiles. The code uses d3.csv to load the auto-mpg dataset, d3.scaleLinear for both axes, and d3.axisBottom with d3.axisLeft to render the chart, with circles drawn in SVG. The styling, including tick labels and axis labels, is defined in an external stylesheet, and the visualization includes grid lines generated through tickSize properties.

KKHUN LOUN ZAI
85% match
Loading thumbnail…

Fork of Cars Scatter Plot

This scatter plot displays the relationship between horsepower and weight for a collection of cars. The visualization uses red semi-transparent circles to represent individual data points, with axis labels and a title clarifying the chart’s purpose. The code loads data from the Auto MPG Data Set via `d3.csv`, then renders the chart as an SVG using D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom` APIs. Styling is applied through external CSS, and the axes include custom tick formatting and gridlines.

NNALLANATHAN
85% match