Skip to main content
SimilarExport ZIP
100%

Activity_6_Q3

✓ Published0🌍 Public
TTarshit Vupperla
Last edited Oct 25, 2024
Created on Oct 25, 2024
Forked from Hello VizHub

A scatter plot displays quarterly car sales for five automakers—Tesla, Toyota, Ford, BMW, and Mercedes—from a CSV dataset. Each company’s sales trends are shown as colored circles positioned along a point scale for quarters and a linear scale for sales values. The visualization uses D3.js v7 with SVG rendering, d3.csv for data loading, d3.scalePoint and d3.scaleLinear for axes, d3.scaleOrdinal with d3.schemeCategory10 for colors, and d3.axisBottom and d3.axisLeft for chart axes.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Q2

A stacked bar chart displays quarterly sales figures for five car brands—Tesla, Toyota, Ford, BMW, and Mercedes—from Q1 2022 through Q2 2024. The chart is rendered as SVG using D3 v7, with each brand represented by a distinct color from the Tableau10 palette. The code loads data from a CSV file via `d3.csv`, stacks the series using `d3.stack`, and uses `d3.scaleBand` and `d3.scaleLinear` to position bars. Individual segment values are labeled above each bar, with axes and a legend generated by D3’s axis and legend utilities.

TTarshit Vupperla
87% match
Loading thumbnail…

Activity-6 Q3

This scatter plot visualizes car sales data by manufacturer, plotting the proportion of sales below 100 units against sales between 100 and 200 units. Each circle represents a manufacturer, colored using a categorical scale with d3.schemeCategory10, with axes labeled and a legend indicating manufacturer names. The visualization uses D3 v7 with SVG rendering, loading data from a remote CSV file via d3.csv, and constructs linear scales (d3.scaleLinear) for both axes to map the numeric fields.

Hharshaps15@gmail.com
84% match
Loading thumbnail…

Activity6_question3

This interactive scatter plot visualizes a car dataset, with each point representing a vehicle plotted by its Total Sales and Product. The chart, rendered as an SVG, uses D3 v6 APIs including `csv`, `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `schemeTableau10` to map data to position and color. A legend identifies the product categories via color. The visualization is loaded from a remote CSV file and fills the browser window, with axes labeled "Highway MPG" and "Horsepower."

Kkandulasunny17@gmail.com
82% 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
81% match
Loading thumbnail…

ACTIVITY6_Ques3

This scatter plot visualizes the range in kilometers for electric vehicles from five brands (Tesla, BMW, Nissan, Kia, Hyundai) using a categorical x-axis and linear y-axis. Each car is represented by a distinct symbol (circle, square, triangle, diamond, cross) and color per brand, showing the distribution of ranges across brands. The visualization is built with D3 v7, using d3.scalePoint for the categorical positioning, d3.scaleLinear for the range axis, and d3.symbol to generate the custom glyphs. Data comes from the uploaded ElectricCarData_Clean.csv file, rendered as SVG elements within a static HTML page.

Kkbhavithareddy06@gmail.com
80% match
Loading thumbnail…

Activity 7.1 Q1

This pie chart visualizes annual car sales for different companies in the USA, sourced from a raw GitHub CSV dataset. Built with D3 v5, it renders an SVG with pie slices, percentage labels, and a color-coded legend. The code uses d3.pie, d3.arc, and d3.scaleOrdinal to generate the chart geometry and colors, with d3.csv for data loading.

Ssumithdugyala@my.unt.edu
80% match
Loading thumbnail…

Activity6_Question3.1

This interactive scatter plot displays car mileage and price relationships, with points colored by car type (Camry, Corolla, and other). It uses the D3 v6 API, loading data from a GitHub-hosted CSV file, scaling values with `d3.scaleLinear` and rendering circles in an SVG. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, while the full-screen responsive layout adapts to the window size.

Ssaisnehapalle@my.unt.edu
80% match
Loading thumbnail…

Activity6_Q6

A scatter plot displays horsepower versus torque for ten car brands, using a point for each model in a dataset. The visualization employs D3 v7 with SVG rendering, showing the relationship between the two engine performance metrics on a linear scale. The code uses `d3.scaleLinear` for both axes, `d3.extent` to determine domain ranges, `d3.axisLeft` and `d3.axisBottom` for ticks, and a `d3.scaleOrdinal` color scheme to distinguish brands. Axis labels, rendered via SVG text elements, identify the variables in green type.

Ddabbararakshitha@gmail.com
79% match