Skip to main content
SimilarExport ZIP
100%

Cars Schotter Plot

✓ Published0🌍 Public
DDaniel Frey
Last edited Apr 18, 2020
Created on Apr 18, 2020
Forked from 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.

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 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
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 a vehicle. The chart uses d3.csv to load the data, d3.scaleLinear for both axes, and d3.axisBottom and d3.axisLeft to render tick marks and grid lines. Red semi-transparent circles are drawn as SVG elements, with axis labels and a title styled via CSS. The code removes default axis domains and applies nice() to round scale domains for cleaner tick values.

Ddanielchamone
93% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between vehicle weight and horsepower for a dataset of cars, with each point representing an individual model. The plot uses D3 v7’s `scaleLinear` for both axes, `axisLeft` and `axisBottom` for tick marks, and SVG circles with partial opacity. Data is loaded from a CSV file via `d3.csv`, with numeric fields parsed before rendering. Grid lines are drawn using negative tick sizes, and axis labels appear above and beside the plot.

Wwisam-ahmed
93% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot displays the relationship between horsepower and weight for a dataset of cars, with each point representing an individual vehicle. The visualization uses D3 v5 to load CSV data and render an SVG with linear scales, axes, and semi-transparent red circles. It applies `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.extent` to map values, while axis labels and a title are added via SVG text elements. The chart employs a clean grid layout with margins and tick styling from the accompanying stylesheet.

MMichał Szumnarski
92% 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 a vehicle. The axes are labeled and scaled linearly using d3.scaleLinear, and the chart includes a title and axis labels. Data is loaded from a CSV file via d3.csv, then parsed and rendered as SVG circles with d3.axisBottom, d3.axisLeft, and d3.extent. Grid lines and styling are applied through tick settings and CSS classes.

FFranz Krah
92% 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
92% match