Skip to main content
SimilarExport ZIP
100%

TASK 9

✓ Published0🌍 Public
Kkeerthi.yanala104@gmail.com
Last edited Apr 29, 2024
Created on Apr 29, 2024
Forked from Hello VizHub

This area chart shows the distance covered by pre-owned cars across model years, using a steelblue filled path with labeled axes and a title. Built with D3 v7, the visualization loads CSV data from a GitHub repository, parses the distance values, and renders the chart as an SVG. The code uses `d3.area()`, `d3.scaleLinear()`, `d3.extent()`, and `d3.max()` to compute the scales and generate the path, with `d3.axisBottom()` and `d3.axisLeft()` adding the 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…

task 9

This example visualizes pre-owned car sales in India from 2009 to 2019 with an area chart rendered in SVG. It uses D3 v5’s `csv` loader to fetch the data, `scaleTime` and `scaleLinear` for axes, and `axisBottom`/`axisLeft` with custom tick formatting. The chart draws a smooth line and filled area via `line` and `area` generators with `curveBasis`, and labels both axes with rotated text.

Kkeerthi.yanala104@gmail.com
85% 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
83% 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
80% match
Loading thumbnail…

Task 9 question2

This area chart displays car sales in India from 2009 to 2019, using a smooth curve to show the trend over time with both a line and filled area beneath it. The visualization loads CSV data from a GitHub gist and renders with D3 v5, using `scaleTime` and `scaleLinear` for the axes, `area` and `line` generators with `curveBasis` for the smooth path, plus `axisBottom` and `axisLeft` with formatted tick labels. The SVG output includes labeled axes and gridlines via tick sizes.

YYeshwanth963@gmail.com
79% match
Loading thumbnail…

Task 9 Question 2

This example displays an area chart of highway MPG values grouped by vehicle make, using a steel-blue filled path to emphasize the distribution across categories. The visualization is rendered as an SVG via D3 v7, with data fetched from a remote CSV file and parsed using `d3.csvParse`. It employs `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the y-axis, and a `d3.area()` generator to create the shaded region. Axes are added using `d3.axisBottom` and `d3.axisLeft`, with rotated x-axis labels for readability.

Cchintamanenithp@gmail.com
79% match
Loading thumbnail…

activity 7 task 2

This area chart visualizes the maximum horsepower for various car makes, with the x-axis ordered by make and the y-axis scaled linearly from zero. The chart loads CSV data from a GitHub repository using `d3.csv`, then renders a filled blue area via the `d3.area()` generator onto an SVG canvas. Axes are added with `d3.axisBottom` and `d3.axisLeft`, and labels for “Car Make” and “Horsepower” are positioned using SVG text elements. The visualization uses D3 v7 with a clean, responsive layout and subtle hover opacity effects.

Ssindhureddykandada@gmail.com
79% match
Loading thumbnail…

Area Chart

This area chart visualizes automobile sales by brand, with a steelblue filled path showing the trend across categorical x-axis values. The code loads CSV data from a GitHub repository using `d3.csv`, converts the Sales column to numbers, and renders the SVG chart with `d3.area` for the path, `scaleBand` for the x-axis, and `scaleLinear` for the y-axis. Axis labels for Brand and Sales are added via `d3.axisBottom` and `d3.axisLeft`.

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

Assignment 5 - Line Chart

This line chart visualizes the average kilometers driven for used cars by model year, using a blue line over a time-scaled x-axis and linear y-axis. The visualization is built with D3 v7, loading data from a CSV file and rendering an SVG chart. It uses `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.line` to draw the path, and `d3.timeParse` to convert year strings into dates. The chart includes labeled axes and a title, with no interactive elements beyond the static SVG output.

Vvishusikka
77% match