Stripe Chart New

100%

Stripe Chart New

✓ Published1🌍 Public

Last edited Mar 7, 2022

Created on Feb 22, 2022

This stripe chart shows the relationship between torque and miles per gallon (mpg) for car makes including Audi, BMW, Mercedes, Porsche, and Volkswagen. Each data point is plotted as a circle, with torque on the x-axis and mpg on the y-axis. Colors encode the car manufacturer, and a legend identifies the make. The visualization is built with d3.v4, using SVG rendering, and includes a tooltip that displays the mpg value on hover. The data is loaded from a local CSV file, and the chart uses d3.scaleLinear for axes, d3.scaleOrdinal for color mapping, and d3.axisBottom and d3.axisLeft for tick marks.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Stripe Chart

This stripe chart displays the miles per gallon (mpg) for individual car models across five automobile brands, with each point jittered horizontally within its category to reveal distribution. The visualization uses d3.csv to load the data, then builds an SVG with axis scales via d3.scaleLinear and d3.scaleBand. Points are colored using a sequential d3.scaleSequential with the Inferno interpolator. Interactive hover tooltips appear through d3 mouse events, while the Y-axis domain is manually fixed to highlight variations in fuel efficiency.

Pprateekvasi

84% match

Loading thumbnail…

Scatter plot

This scatter plot displays the relationship between average horsepower and average torque for various German car brands. Each circle represents a brand, positioned along the axes and colored by manufacturer using a D3 ordinal color scale. The visualization uses d3.scaleLinear for both axes, d3.axisBottom and d3.axisLeft for ticks, and d3.select to build the SVG. Hovering reveals a tooltip with exact values, generated via d3.csv and event handlers. Data comes from the CSV file `stripechart1.csv`.

Pprateekvasi

81% match

Loading thumbnail…

[A5] Vehicle Power vs. MPG (Bubble Chart)

This bubble chart visualizes the relationship between vehicle torque (x-axis), horsepower (y-axis), and fuel efficiency (bubble size) for Audi, Chevrolet, and Volvo cars, with color encoding by make. Hovering over a bubble highlights it in orange and displays a tooltip with exact values. The visualization uses D3 v7’s `d3.csv`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and SVG circles, with data loaded from a CSV file and rendered in a React-compatible HTML page.

Cctan13@dons.usfca.edu

77% match

Loading thumbnail…

Strip Chart with Jitter for Assignment 3

This strip chart displays average city MPG across five car makes (Audi, BMW, Mercedes, Porsche, Volkswagen) for 2009–2012 models. Each dot represents a vehicle, with horizontal jitter applied to reduce overplotting. The visualization uses p5.js for rendering, loading data from a CSV via `loadTable()`, and drawing points with `point()` and custom axes. Tooltips appear on hover, showing the exact MPG value using `mouseX`/`mouseY` coordinates. Color-coded dots correspond to each make, and gridlines at 5-MPG intervals aid comparison.

Vvishusikka

76% match

Loading thumbnail…

[A6] Vehicle Power vs. MPG (Scatter Plot With Qualitative Color Scale)

This scatter plot compares vehicle torque and horsepower, with each point’s size encoding MPG. The chart uses a qualitative color scale to distinguish car makes—Audi in blue, Chevrolet in red, and Volvo in green—via `d3.scaleOrdinal` and a `d3.legendColor` legend. Data from a CSV file is loaded with `d3.csv`, parsed, and mapped to linear scales for the x- and y-axes, while circle radii are scaled by MPG using `d3.scaleLinear`. The SVG rendering is handled by D3 v7, with axes, labels, and a triangular-symbol legend drawn programmatically.

Cctan13@dons.usfca.edu

76% match

Loading thumbnail…

scatter plotting

A scatter plot shows average engine horsepower versus torque for various German car brands, using one point per car make. The visualization relies on a D3.js v6 SVG rendering, reading data from a CSV file, and mapping the `Avg_Torque` values to the x-axis and `Avg_Horsepower` values to the y-axis. Points are colored by car make using `d3.scaleOrdinal` with the `d3.schemeCategory10` palette, and a tooltip appears on hover displaying the make and both axis values. The chart includes axis labels, a title, and a legend indicating the car brand identity.

MMalempatiSaranya

76% match

Loading thumbnail…

Bubble chart

This bubble chart shows the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle's position encodes horsepower and torque on the x- and y-axes, while its radius represents highway MPG and its color distinguishes the car manufacturer. Built with D3 v7 using SVG and animation, the visualization reads data from a CSV file and includes interactive tooltips that display the make on hover. Axes, a size legend for MPG values, and a color legend for car brands are generated using d3.scaleLinear and d3.scaleOrdinal.

Vvishusikka

76% match

Loading thumbnail…

Bubble chart

This bubble chart explores the correlation between average torque, horsepower, and highway MPG across 31 car makes. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while its radius scales with highway MPG and its color maps to the car make. A tooltip reveals the make name on hover. The visualization uses D3 v7 with SVG rendering, linear scales, and animation, pulling data from a remote CSV file. A legend displays MPG values (20, 40) as reference circles, and color swatches identify each make.

LLakshmanRangisetti

75% match