Skip to main content
SimilarExport ZIP
100%

Activity-VII-Q1(11713131)

✓ Published0🌍 Public
Rreachtoshasidhar07@gmail.com
Last edited Nov 6, 2024
Created on Nov 5, 2024

This example shows the distribution of cars by their country of origin as a pie chart. It fetches a CSV file from a GitHub Gist, parses the data, and counts occurrences of each origin value. The chart is rendered on an HTML canvas using the Chart.js library, with a white card layout, a legend at the top, and three color-coded slices. The visualization reads the origin column from the seventh field of each row and displays the resulting proportions.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity-VII-Q1(11713131)

This pie chart visualizes the distribution of car origins from the `mpg.csv` dataset. It counts occurrences of each unique value in the 'origin' column and displays them as proportional slices using Chart.js on an HTML5 Canvas. The code fetches the remote CSV, splits it into rows, and tallies origin frequencies before rendering with semi-transparent colors and a title plugin. The chart is static, with a fixed 400x400 pixel canvas and no interactive features.

Rreachtoshasidhar07@gmail.com
90% match
Loading thumbnail…

Activity-VII-Q2(11713131)

This area chart displays the distribution of car origins from the mpg dataset, counting vehicles per origin category. The code fetches a CSV file and aggregates rows by the origin column. Using Chart.js, it renders a line chart with filled background to create an area effect on a canvas element. The chart is configured with custom colors, a title, and a y-axis starting at zero, with responsive rendering disabled to maintain fixed dimensions.

Rreachtoshasidhar07@gmail.com
86% match
Loading thumbnail…

Activity 7.1

A pie chart displays car production totals for countries in 2019, with a legend listing each country and its corresponding value in thousands. The visualization uses D3 v5 to load CSV data via the `csv` function from a GitHub gist, then processes it with `pie` and `arc` to generate the chart segments. `scaleOrdinal` assigns a categorical color palette, while `format` converts large numbers into a compact tick label format. The SVG output includes clickable paths and a separate legend group with circles and text elements positioned via `attr` transforms.

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

Activity7_Q1

A pie chart visualizes the distribution of car classes from a CSV dataset, showing the proportions of categories like 'unacc', 'acc', 'vgood', and 'good' as colored slices with percentage labels. The chart uses D3.js (version 7.8.5) with the `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` APIs to compute and render the pie geometry and colors. A legend on the right lists each class with its count. The SVG is built programmatically, with data loaded asynchronously from a GitHub-hosted CSV file.

Kkeerthana11.mcs@gmail.com
79% match
Loading thumbnail…

Activity 7.1

This D3.js pie chart visualizes the distribution of car makes from a CSV file loaded from a GitHub repository. It uses `d3.pie` and `d3.arc` to generate the pie slices, with `d3.scaleOrdinal` and `d3.schemeCategory10` providing the categorical color scheme. The chart displays percentage labels on each segment and includes a legend generated with HTML. Data is aggregated using `d3.rollups` to count occurrences of each make, and the SVG output is rendered within a centered layout.

NNagalakshmi Thota
79% match
Loading thumbnail…

question 1

This pie chart visualizes the distribution of a cars dataset, with each slice representing a category and its corresponding value from a CSV file hosted on GitHub. The chart is rendered on an HTML canvas element using Chart.js, which fetches the remote CSV data, parses it into labels and numeric values, and draws the pie with a title. The visualization is styled with custom CSS to center and size the chart container.

Rrahulsiddartha14@gmail.com
78% match
Loading thumbnail…

Activity_7.1_Question_1

This pie chart displays vehicle types and their registration counts, with proportional slices labeled in thousands and a corresponding color-coded legend. It loads CSV data from a GitHub gist, calculates the pie layout using `d3.pie`, and renders SVG paths with `d3.arc`. The visualization uses `d3.scaleOrdinal` for slice colors, formats values with `d3.format`, and appends legend rectangles and text labels. The chart is centered in an SVG and includes a title, with values shown numerically inside each segment.

Vvarshithainaganti@gmail.com
77% match
Loading thumbnail…

Activity 7.1 -Q1

This pie chart visualizes the distribution of car classes in a dataset, showing the proportion of each category as a percentage label on each slice. The visualization uses D3.js to load CSV data, compute class counts, and generate an SVG pie chart with a custom color scale and a legend displaying class names with their raw counts. The chart is rendered in an SVG container with styled slices and labels.

Ppnamitha46@gmail.com
77% match