Skip to main content
SimilarExport ZIP
100%

汽车 散点图

✓ Published1🌍 Public
Lluojiandan
Last edited Apr 18, 2020
Created on Apr 18, 2020
Forked from 散点图

This scatter plot visualizes the relationship between horsepower and acceleration for a dataset of cars, with each circle representing a vehicle. The chart uses D3 v5’s scaleLinear with a nice() function for both axes, and circles are rendered in SVG with adjustable opacity to show data density. Data is loaded from a CSV file via d3.csv, and axes include gridlines and labels for clarity.

AI-generated description

汽车散点图，与柱状图类似，只不过把柱子换成圆圈

scaleBand函数换为scalePoint

比例尺使用nice()函数（X轴，scaleLinear）

散点图可以用于表示 项目经理连续在项目部签到的情况。

数据来源 [https://vizhub.com/curran/datasets/auto-mpg.csv]

MIT Licensed

Similar vizzes

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and acceleration for a dataset of cars. Each circle represents a car, with its x-position mapped to horsepower and y-position to acceleration using linear scales. The visualization is built with D3 v5, using SVG rendering and scaleLinear, axisBottom, and axisLeft components. The data is loaded from a CSV file on VizHub, and the code applies .nice() to smooth axis domains and includes formatted axis labels and a title.

Vvic126
89% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between acceleration and horsepower for cars from the auto-mpg dataset. D3’s scaleLinear, axisBottom, and axisLeft functions map the quantitative values, while circles are appended to an SVG container. The code loads CSV data via d3.csv, converts numeric fields, and uses margin-based layout with tick marks and axis labels. Red translucent circles reveal density, with axes formatted using d3.format and a title added manually.

Ccledevoute
88% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and acceleration for cars, with each circle representing a vehicle from the auto-mpg dataset. It demonstrates axis customization using d3.axisLeft and d3.axisBottom, including tick sizing, padding, and label styling. The code uses d3.scaleLinear with extent-based domains and nice() to set scales, while d3.csv loads data from a remote URL. SVG rendering shows semi-transparent steelblue circles, and the plot includes a title and axis labels with custom fonts and colors.

Sshanmango
87% match
Loading thumbnail…

cars scatter plot

This scatter plot visualizes the relationship between horsepower and acceleration for cars from the UCI Auto MPG dataset, with each circle representing an individual car. Built using D3 v6, the visualization employs scaleLinear for axes, axisBottom and axisLeft for ticks, and SVG circles with a green, semi-transparent fill. The code loads CSV data from a remote URL, parses numeric fields, and renders the chart with labeled axes and a title using D3’s selection and CSV modules.

Nnexus1058
87% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and acceleration for various car models, with each red semi-transparent circle representing a data point from the auto-mpg dataset. The visualization uses D3 v5's `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, while removing the domain lines and adding styled labels and a title. The chart renders as an SVG and includes gridlines via tick lines, with data loaded asynchronously using `csv` from a VizHub-hosted URL.

Bbilal
86% match
Loading thumbnail…

Cars Scatter Plots

This scatter plot visualizes the relationship between horsepower and acceleration for cars from the UCI Machine Learning Repository’s AUTO MPG dataset. Each semi-transparent steelblue circle represents a car, with positions determined by linear scales. The code uses D3 v5 methods like `csv`, `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to load data, compute domains, and render axes with SVG. Axis labels and a chart title are added as text elements, while grid lines are generated via tick sizes.

IImmaculata-Mary Muoghalu
86% match
Loading thumbnail…

cars scatter plot

This scatter plot shows the relationship between horsepower and weight for a dataset of cars, with each point representing a vehicle. The visualization uses D3.js (v5) to load CSV data and render an SVG chart with linear scales for both axes. The code employs `scaleLinear`, `axisBottom`, `axisLeft`, and `extent` functions to construct the plot, with circles colored red and semi-transparent. Axis labels, a title, and grid lines are included via D3 axis methods and appended text elements.

Jjingwg3@163.com
86% match
Loading thumbnail…

Cars Scatter plot

This scatter plot visualizes the relationship between vehicle weight and horsepower, with each circle's radius encoding acceleration. Based on the auto-mpg dataset, the plot uses D3 v5's `scaleLinear` for position and size scaling, along with `axisBottom` and `axisLeft` to render grid lines and tick marks. Circles are appended as SVG elements with opacity and hover effects. A custom tooltip displays acceleration values on mouseover, while axis labels and a title clarify the chart’s meaning, all styled through external CSS.

Vvladvaculin
85% match