Skip to main content
SimilarExport ZIP
100%

Cars Schotter Plot

✓ Published1🌍 Public
SShabani Muswamba
Last edited Apr 19, 2020
Created on Apr 19, 2020
Forked from Cars Schotter Plot

This scatterplot shows the relationship between horsepower and weight for cars from the classic auto-mpg dataset, with each circle representing a vehicle. The visualization uses D3 v5's `scaleLinear`, `extent`, and `axisBottom`/`axisLeft` to map the data points, and renders them as semi-transparent cyan circles on an SVG canvas. The chart includes labeled axes for "Horsepower" and "Weight," along with a title, and loads data asynchronously from a CSV file via D3's `csv` function.

AI-generated description

This bar chart shows population of the top 10 most population countries. Data from 2018 Author: Chris Shabani Muswamba

MIT Licensed

Similar vizzes

Loading thumbnail…

Cars Schotter Plot

This scatterplot displays the relationship between horsepower and weight for a dataset of cars, using a circular mark for each vehicle. The visualization encodes the data on linear scales with axes labeled accordingly, and includes a title for context. Built with D3.js version 5, the code uses `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to construct the plot, appending SVG circles to render the data points. The data is loaded from a CSV file hosted on VizHub, and the visual style applies a semi-transparent cyan fill to the circles through CSS.

SShabani Muswamba
96% match
Loading thumbnail…

Cars Schotter Plot

This scatterplot displays the relationship between horsepower and weight for a dataset of cars, using a circular mark for each vehicle. The visualization encodes the data on linear scales with axes labeled accordingly, and includes a title for context. Built with D3.js version 5, the code uses `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to construct the plot, appending SVG circles to render the data points. The data is loaded from a CSV file hosted on VizHub, and the visual style applies a semi-transparent cyan fill to the circles through CSS.

SShabani Muswamba
96% match
Loading thumbnail…

Cars Schotter Plot

This scatterplot visualizes the relationship between vehicle weight and horsepower for a dataset of cars. Each point represents a car model, with its position determined by weight on the x-axis and horsepower on the y-axis, using semi-transparent turquoise circles. The visualization employs `d3.csv` to load the data, `scaleLinear` for both axes, and `axisLeft` and `axisBottom` to render labeled gridlines. Styling is applied through CSS, with tick lines highlighted in light green and axis labels in green.

DDaniel Frey
94% 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
94% 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 visualization uses D3 v5 with SVG rendering, employing `scaleLinear`, `axisLeft`, and `axisBottom` to construct the axes and gridlines. Data is loaded via `csv()` from an external file, and circles are appended to the chart with opacity set to 0.5. The chart includes labeled axes and a title, with margins creating space for the axis annotations.

Bbencestubnya
94% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars, with each circle representing a vehicle from the auto-mpg dataset. The visualization uses D3 v4's `scaleLinear`, `axisLeft`, and `axisBottom` to construct the axes, while `csv` loads the remote data. SVG circles are rendered with a steelblue fill and partial opacity, and grid lines are generated through tick sizing. Axis labels and a title are added using SVG text elements, with the chart drawn inside a margin-based layout.

IIan Russell
94% 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 point representing a vehicle. The chart uses D3 scales (scaleLinear), axes (axisBottom, axisLeft), and SVG circles to render the data. A dropdown menu, built with a custom d3 module, lists dataset columns but currently only logs selections to the console rather than updating the chart. The visualization includes labeled axes, grid lines, and a title, with styling applied via CSS classes.

BBKirst3
94% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the auto-mpg dataset. The visualization uses D3.js v5 with SVG rendering and linear scales to map the data points, which are displayed as semi-transparent circles. The chart includes labeled axes, tick marks, and a title, with the y-axis rotated for readability. Data is loaded from a CSV file and parsed before being bound to the SVG circles.

TTsing
94% match