Task-9 Q2

100%

✓ Published0🌍 Public

Last edited Apr 23, 2024

Created on Apr 23, 2024

This visualization compares sales figures for six car manufacturers—Ferrari, Mercedes, Audi, Porsche, BMW, and McLaren—using hardcoded data. It renders a filled area chart in SVG, where the area’s height corresponds to each brand’s sales value. The code builds the chart with d3.scaleBand for the x-axis, d3.scaleLinear for the y-axis, and d3.area to generate the filled path. Axes are added via d3.axisBottom and d3.axisLeft, with labels and a title included.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Task-9 Q1

This pie chart shows the sales distribution of cars across six manufacturers, with Ferrari, Mercedes, Audi, Porsche, BMW, and Mclaren. The visualization highlights proportional market share using a color-coded legend that displays each manufacturer’s percentage of total sales. Built with D3.js v5, the chart uses `d3.pie` and `d3.arc` to generate the SVG paths, while `d3.scaleOrdinal` with `schemeCategory10` assigns colors. Data is hardcoded in the script, and the rendering uses SVG elements with a legend created manually via appended rectangles and text labels.

Hharshaps15@gmail.com

88% match

Loading thumbnail…

Task-9&10 Q2

This area chart compares three car attributes—horsepower, torque, and highway MPG—across different car makes using overlapping filled paths. Built with D3 v7, the visualization loads CSV data via `d3.csv`, scales values with `scaleBand` and `scaleLinear`, and renders the three series using `d3.area` paths in steelblue, orange, and green. The SVG output includes rotated x-axis labels, a legend, and axis titles, with the data sourced from a raw GitHub CSV file.

Ttallurisaiteja96@gmail.com

80% match

Loading thumbnail…

Task9&10_Q2

This area chart visualizes automobile industry sales from 2000 to 2010, with the x-axis showing years and the y-axis representing sales figures (formatted in billions). The chart uses a green filled area under a basis curve to display the trend. Built with D3 v5, it employs `scaleTime` for the time-based x-axis, `scaleLinear` for the y-axis, and the `area` generator with `curveBasis` to create the smooth filled shape. Grid lines and axis labels are styled via CSS. The data is loaded from a CSV file hosted on GitHub, which includes year and sales columns parsed for rendering.

Mmdadeebfarhaan@gmail.com

79% match

Loading thumbnail…

Task8 T4

This bubble chart displays the relationship between average horsepower and average torque for seven car makes, with each car brand represented by a colored circle. The visualization uses D3.js v7 to load data from a CSV file, map values to linear scales for both axes, and encode the categorical car brand through an ordinal color scale. SVG circles are positioned using the xScale and yScale functions, with a legend identifying each make by color, while axis labels clarify the quantitative dimensions being compared.

Ssruthimreddy6@gmail.com

79% match

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

79% match

Loading thumbnail…

Activity_6_Q3

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.

TTarshit Vupperla

79% match

Loading thumbnail…

Activity-6 Q2

This stacked bar chart visualizes car sales distribution across five manufacturers, showing the percentage of cars sold in each price range (below 100, 100-200, 200-300, 300-400, above 400). Each horizontal bar represents a manufacturer, segmented into colored sections for each price bracket. Hovering over any segment displays a tooltip with the precise sales percentage. The visualization uses D3.js v7 with `d3.stack()`, `d3.scaleLinear()`, `d3.scaleBand()`, and `d3.scaleOrdinal()` to create the chart, which is rendered as SVG.

Hharshaps15@gmail.com

78% match

Loading thumbnail…

Task-8Q2

This chart visualizes horsepower, torque, and highway MPG for various car makes using a horizontal stacked bar chart. Each bar represents a single car brand, with segment lengths proportional to the three attribute values. The visualization uses D3.js v7 with SVG rendering, employing `d3.stack()` to aggregate the data from a CSV file. The scales are created with `d3.scaleLinear` and `d3.scaleBand`, while `d3.axisLeft` and `d3.axisBottom` generate the axes.

Rreddyswethuvahana@gmail.com

78% match