Assignment-2.2

100%

Assignment-2.2

✓ Published0🌍 Public

Last edited Apr 13, 2024

Created on Apr 13, 2024

This area chart displays the average prices of ten car makes, from Toyota at $15,000 to Tesla at $60,000, with a blue-filled line connecting each value. The visualization is rendered on a Canvas element using the Chart.js library, which is loaded via a CDN. The chart defines its data inline in a JavaScript object and configures the line type with area fill enabled, while axis titles label the x-axis as "Make of Car" and the y-axis as "Price ($)".

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment-2(1Q)

This interactive pie chart visualizes the average car price for different brands, segmented by engine fuel type. The chart uses D3.js v6 to aggregate CSV data, grouping by brand and fuel type, then calculating the mean price for each segment. The visualization displays brand labels and average prices on each slice, with a separate HTML legend mapping fuel types to colors. The rendering uses SVG paths generated with `d3.pie()` and `d3.arc()`, with labels placed via `labelArc.centroid()`. The chart filters to show only Tesla’s electric models, and the legend is created using positioned SVG rectangles and text.

SSaiHarshitManda@my.unt.edu

77% match

Loading thumbnail…

activity-7.1

A line chart visualizes car prices by brand, with the area beneath the curve filled in a translucent blue to emphasize price variation across brands. The chart is rendered using Chart.js within an HTML5 canvas, fetching comma-separated data from an external gist URL via the Fetch API. D3.v6 is loaded in the page but not directly used for rendering; instead, Chart.js handles the axes, tooltips, and responsive scaling, with the x-axis labeled "Brand" and the y-axis labeled "Price."

Kkrishna444battula@gmail.com

75% match

Loading thumbnail…

Assignment 5

This visualization presents a summary of a car dataset, including total vehicles, average price, average mileage, and most common make, alongside a bar chart showing the number of cars per make. It is built with D3 v7, using d3.csv to load the data and d3.select to manage the SVG. The chart uses d3.scaleBand and d3.scaleLinear for axes, with d3.axisBottom and d3.axisLeft for ticks, and d3.mean and d3.rollups for aggregations.

AAKSHAY

74% match

Loading thumbnail…

Assignment 6 - Q1

This bar chart displays the top 10 car makes by average price, sorted in descending order from a CSV dataset of car listings. Each bar’s height represents the mean price for that make, with value labels showing dollar amounts in thousands. Built with D3 v7, the visualization loads data via `d3.csv`, groups and aggregates it using `d3.rollup` with `d3.mean`, and renders SVG rectangles with axes created through `d3.axisBottom` and `d3.axisLeft`. Interactive hover effects change bar opacity and color.

AAKSHAY

74% match

Loading thumbnail…

Assignment-2 Question-2

This area chart displays vehicle prices across years, sourced from a CSV file loaded from GitHub. The visualization uses D3.js v7 to parse the data and render an SVG, mapping years to a band scale on the x-axis and prices to a linear scale on the y-axis. An area generator (`d3.area`) fills the region beneath the line in steelblue. The chart includes rotated tick labels for years, axis labels, and a title, all positioned within defined margins.

Aarthireddykota@my.unt.edu

73% match

Loading thumbnail…

Vehicles Area chart

This area chart shows the average vehicle price by year, with a green shaded region rising and falling across the time series. The visualization uses D3.js to load CSV data from a GitHub gist, aggregate prices per year with `d3.rollup`, and render the area using `d3.area()` with a monotone curve. Axes, gridlines, and labels are created via D3’s axis APIs, while the SVG output is styled with CSS for a clean presentation.

Ssaisathwikaguntupalli@gmail.com

73% match

Loading thumbnail…

ICE-6 Assignment : Car makes vs average selling price

This visualization shows the average selling price of cars grouped by make, using a horizontal bar chart where each bar’s length encodes price and its color denotes the car make. The chart, built with React and D3 v5, loads CSV data from a GitHub gist, aggregates the selling prices by make, and renders the result as SVG. It employs D3’s `scaleBand`, `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` APIs to construct the axes and color encoding.

Vvinodreddysagam929@gmail.com

73% match

Loading thumbnail…

Cars

A horizontal bar chart displays the average price of 2011 car models grouped by make, sorted from highest to lowest average price. The visualization uses D3 v7 with SVG rendering, loading data from a remote CSV file via d3.csv, then aggregating prices with d3.group and d3.mean. Bars are rendered as SVG rect elements with a cyan fill that transitions to orange on hover, supported by an interactive tooltip showing precise values. Axis labels and rotated tick text clarify the car make categories and price scale in euros.

AALIMINETI SPOORTHY REDDY

73% match