Skip to main content
SimilarExport ZIP
100%

Task8_Question3

✓ Published0🌍 Public
KKeerthi
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

This scatter plot visualizes the relationship between vehicle weight and miles per gallon, with points shaped according to the number of cylinders. The visualization is built with D3 v7, using `scaleLinear` for both axes and `scaleOrdinal` with `symbolsFill` to map cylinder counts to distinct shapes. Axis labels and tick marks are generated through custom `axes` and `shapeLegend` modules, which leverage D3's `axisLeft`, `axisBottom`, and `symbol` APIs. Data is loaded asynchronously from a CSV file via `csvParse` and rendered as SVG paths.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Question3_1

This scatter plot visualizes automobile data from an auto-mpg.csv file, mapping horsepower on the x-axis and weight on the y-axis. Each data point uses a distinct symbol shape and color to represent the number of cylinders (3, 4, 5, 6, or 8). The visualization is rendered as SVG using D3 v6, with axes, labels, and a bottom legend created through d3.axisBottom, d3.axisLeft, and d3.scaleOrdinal color and shape scales. A legend with corresponding shapes identifies each cylinder category.

Ggnitishreddy0245@gmail.com
84% match
Loading thumbnail…

Activity6_ Que3

This scatter plot visualizes the relationship between car horsepower and weight, with each point colored and shaped according to the number of engine cylinders using D3 v6's `scaleOrdinal` and `schemeCategory10`. The visualization loads data from a Gist CSV via `d3.csv`, filters invalid entries, and renders SVG paths with custom symbols from `d3.symbol` to distinguish cylinder groups. An interactive legend maps shapes to cylinder counts, while axes and labels are generated using `axisLeft` and `axisBottom`, providing a clear comparison of vehicle performance metrics.

Mmaheshsachin1234@gmail.com
83% match
Loading thumbnail…

散点图

This scatter plot visualizes the relationship between vehicle weight and cylinder count using data from the auto-mpg dataset. The visualization employs d3.scaleLinear for both axes, d3.axisLeft and d3.axisBottom for tick marks, and renders data points as SVG circles with a steelblue fill. The chart includes axis labels for population and weight, plus a title, with tick formatting using d3.format to abbreviate large numbers. The code loads CSV data via d3.csv and positions circles using the scaled x and y values, with grid lines extending across the plot area.

HHillKinsh
83% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the relationship between vehicle cylinders and weight, with each circle representing a car from the auto-mpg dataset. The visualization uses d3.scaleLinear for both axes, d3.axisLeft and d3.axisBottom for gridlines and ticks, and SVG circles for the data points. The code loads the dataset via d3.csv from a VizHub URL, converts string values to numbers, and applies margins to position the plot within the 960x500 SVG canvas. The title and axis label provide context for the chart.

LLonwabo11
83% match
Loading thumbnail…

Task 8-Tutorial 3.1_Q

This scatter plot displays vehicle data, mapping height on the x-axis and weight on the y-axis. Each circle’s color encodes the vehicle type—sedans appear red, compacts yellow, and other types green. Built with D3 v6, the visualization loads a CSV from a remote URL, uses `scaleLinear` and `extent` to set axis domains, and renders marks via `select` and `join`. The SVG output includes labeled axes and a red title, with margins and a fixed radius for all points.

SSushmaNamidi@my.unt.edu
83% match
Loading thumbnail…

Activity6_Question3

This scatter plot displays the relationship between horsepower and miles per gallon for cars, with each point’s shape and color encoding the car’s type. The visualization uses d3.scaleLinear for the axes, d3.scaleOrdinal with symbolsFill and schemeSet1 to map categorical values to distinct shapes and colors, and d3.axisLeft/axisBottom for axes. Data is loaded from a remote CSV and parsed with d3.csvParse. A custom legend shows the shape-to-category mapping, with d3.symbol generating the icon paths.

Nnikhilthoutu24@gmail.com
83% match
Loading thumbnail…

Activity8_Task3

This example demonstrates a scatter plot of vehicle horsepower versus highway MPG, with data points shaped by car make. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, and `symbol()` to render distinct shapes, while custom modules handle axes and a shape legend. Data is loaded asynchronously from a CSV file via `csvParse`, and the plot updates responsively to fill the browser window.

Iikshwakalluri
83% match
Loading thumbnail…

Activity-6 Question-3

This scatterplot displays vehicles’ engine size against horsepower, with each point colored by weight. The visualization uses D3’s scaleLinear for axes, scaleOrdinal with schemeDark2 for the categorical weight legend, and axisBottom/axisLeft for ticks. Circle radius and opacity are fixed values. The data comes from a CSV file, rendered as an SVG with a gray inner rectangle behind the plotted points.

Ccharanshiva769@gmail.com
82% match