Skip to main content
SimilarExport ZIP
100%

Cars Schotter Plot

✓ Published2🌍 Public
SShabani Muswamba
Last edited Apr 19, 2020
Created on Apr 18, 2020
Forked from 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.

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

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.

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

Cars Plot

This scatterplot visualizes the relationship between horsepower and weight for a dataset of cars, with each car represented as a semi-transparent circle. The chart includes labeled axes, grid lines, and a title comparing the two variables. Built with D3 v5, the code uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the scales and axes, while loading data via `csv` from an external file. The SVG rendering applies custom styling from `styles.css` for circles and text elements.

PPulkit Rohilla
95% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a dataset of cars, with each car represented as a red, semi-transparent circle. The chart uses D3.js v5, specifically the `scaleLinear` function for scaling, `axisLeft` and `axisBottom` for the axes, and `extent` to compute the domain from the data. The data is loaded from a CSV file via `csv`, and the visualization is rendered as an SVG. The styles include custom fonts and tick formatting, with axis labels and a title displayed prominently.

Ccyro666
94% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a dataset of cars, with each point representing an individual vehicle. The code uses D3 v5 to load CSV data from a VizHub dataset, parse numeric fields, and render an SVG visualization. It employs `scaleLinear` for both axes, `axisBottom` and `axisLeft` for tick marks, and appends circles with a fixed radius to encode the data points. The chart includes labeled axes and a title, styled with custom CSS for fonts and circle opacity.

CCasperHogenboom
94% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot shows the relationship between horsepower and weight for a dataset of cars, with each car represented as a semi-transparent red circle. The visualization uses D3 v5 with SVG rendering, employing `d3.scaleLinear`, `d3.extent`, and `d3.axisBottom`/`d3.axisLeft` to construct the axes. Data is loaded from a CSV file via `d3.csv`, and numeric fields are parsed before rendering. Axis labels and a title are added as SVG text elements, with tick marks and gridlines customized through the axis’s `tickSize` method.

Nnkrpyate
94% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot shows the relationship between horsepower and weight for a dataset of cars, with each car represented as a semi-transparent red circle. The visualization uses D3 v5 with SVG rendering, employing `d3.scaleLinear`, `d3.extent`, and `d3.axisBottom`/`d3.axisLeft` to construct the axes. Data is loaded from a CSV file via `d3.csv`, and numeric fields are parsed before rendering. Axis labels and a title are added as SVG text elements, with tick marks and gridlines customized through the axis’s `tickSize` method.

Nnkrpyate
94% match