Skip to main content
SimilarExport ZIP
100%

Deepika ICE-6 Top Vehicle Tires plot

✓ Published0🌍 Public
DDeepikaGoud08
Last edited Mar 22, 2023
Created on Mar 22, 2023

This scatter plot visualizes the relationship between tire dimensions (Rim Length and Rim Width) for three vehicle tire brands, using colored dots to distinguish Bridgestone, Falken Tires, and Continental. The code loads data from a CSV file via `d3.csv`, parses numeric fields, and renders an SVG using `scaleLinear`, `axisLeft`, `axisBottom`, and `selectAll`. Each dot’s position is mapped to rim measurements, while the fill color encodes the brand through a custom switch function, with a manually added legend.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

dpka-ICE-7 Reusable D3 Scatter Plot

This example presents an animated scatter plot of vehicle tire measurements from a CSV dataset, cycling through four column combinations as axes every two seconds. Built with D3 v6, it renders SVG shapes whose form and color encode the tire brand via `d3.scaleOrdinal` with `symbols` and a custom color array. The reusable chart pattern from Bostock’s “Towards Reusable Charts” exposes setter/getter functions, while `setInterval` triggers axis updates. It uses `d3.csv`, `scaleLinear`, `axisLeft`, and `axisBottom`, with data parsed as numeric fields before plotting.

DDeepikaGoud08
79% match
Loading thumbnail…

Scatter_plot_iCE7

This scatter plot shows the relationship between average horsepower and average torque for various car brands, with each point colored by manufacturer. The visualization uses D3.js v6 within a React framework, rendering as an SVG. The code reads data from a CSV file and employs `d3.csv`, `d3.scaleLinear`, and `d3.axisBottom`/`d3.axisLeft` to construct axes. Interactive tooltips appear on hover, displaying the brand and exact values, while a categorical color scale (`d3.scaleOrdinal`) differentiates brands in the legend.

Nnikhilagopi
72% match
Loading thumbnail…

DV ICE-6 Scatter Plot

This scatter plot visualizes the Iris dataset, showing horsepower against petal width with circles colored by species (setosa, versicolor, virginica). The code uses D3 v6 to load CSV data, create linear scales with `scaleLinear`, and plot SVG circles. Axes are generated via `axisLeft` and `axisBottom`, with fixed margin and label styling. The data source is the auto-dataset CSV, rendered as an SVG chart inside a React framework.

Yyamunaunt
71% match
Loading thumbnail…

Activity6_q3.2

A scatter plot displays model measurements against feature measurements for motorcycle brands Yamaha, BMW, and others, with colors distinguishing brands. The code loads CSV data via `d3.csv`, parses numeric fields, and uses `d3.scaleLinear` with `d3.extent` to map values to screen coordinates. Circles are rendered as SVG elements with fixed radius, colored by brand through a switch statement. Axes are drawn using `d3.axisLeft` and `d3.axisBottom`, with labels added as SVG text.

YYeruva Snehith Reddy
70% match
Loading thumbnail…

Reusable D3 Scatter Plot- ICE7

This animated scatter plot visualizes a road and ride measurement dataset, cycling through four attribute combinations on the x-axis while y remains fixed. Data points are colored by category (word-wrap, word-color, word-country) and rendered as ellipses with variable rx and ry radii. The visualization uses D3 v6 with the reusable `scatterPlot` module, employing `scaleLinear`, `axisLeft`, `axisBottom`, and `setInterval` for rotation. It loads data via `d3.csv`, appends SVG circles, and includes a custom legend with labels.

AAnanthulaaditya
70% match
Loading thumbnail…

Fork of ICE7 - Reusable scatter plot 1

This interactive scatter plot visualizes relationships between pairs of numerical columns from a cosmetics dataset loaded via `d3.csv`. Users select which attributes appear on the x- and y-axes using dropdown menus, and the chart redraws on change. Built with D3 v6, it uses `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to render axes, while circles with steelblue fill represent data points. The visualization is rendered as SVG within a fixed 700×500 viewport, with margins and axis labels updated dynamically.

Ddeepthiv.4706@gmail.com
70% match
Loading thumbnail…

Activity6-Q3.6

This scatter plot displays car makes on the y-axis against combined performance metrics—horsepower, torque, and highway MPG—on the x-axis, with colored circles distinguishing each category. The visualization loads CSV data from a GitHub repository using d3.csv, then transforms the dataset into combined points for three metrics per car. It renders an SVG using d3.scaleLinear for the x-axis, d3.scaleBand for categorical y-axis placement, and d3.axisLeft/axisBottom for tick marks. A legend and axis labels clarify the grouped metric values.

Ssriyaalugupalli@my.unt.edu
69% match
Loading thumbnail…

Fork of ICE -6 (Scatter Plot)

This scatter plot visualizes BMW car sales by comparing car models against fuel types, with each point colored by sales classification (blue for low, orange for high). The visualization uses React with hooks to load CSV data via `d3.csv`, then renders an SVG with D3 scales including `scaleBand` for both axes. Axis labels are rotated for model names, and hover tooltips display detailed model, fuel type, and sales information for each data point.

Sskmriyaz0786@gmail.com
69% match