Activity-VII-Q1(11713131)

100%

Activity-VII-Q1(11713131)

✓ Published0🌍 Public

Last edited Nov 6, 2024

Created on Nov 6, 2024

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity-VII-Q1(11713131)

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.

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

90% 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

80% 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

78% 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

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

78% match

Loading thumbnail…

Activity 7 Q1

This pie chart shows the distribution of cars by fuel type in a dataset loaded from a CSV file. The visualization displays three fuel categories as colored slices with labels, while a legend on the right lists each fuel type along with its corresponding car count. The chart uses D3.js v7 APIs including `d3.csv` for data loading, `d3.rollup` for aggregation, `d3.pie` for pie geometry, and `d3.arc` for arc paths. The SVG renderer draws the chart, and the code includes fake axis labels for fuel type and number of cars.

MMdAfikurRahmanKhan@my.unt.edu

77% match

Loading thumbnail…

Activity 6

This pie chart visualization displays the proportional breakdown of categorical data loaded from a remote CSV file. Constructed with D3.js v7, the SVG graphic uses `d3.pie` to compute arc segments and `d3.arc` for path geometry, with `d3.scaleOrdinal` and `d3.schemeCategory10` providing categorical colors. A legend, including color swatches and labels, is positioned on the left side, while the chart title appears above. The code loads data via `d3.csv` and renders all elements as SVG paths and text nodes.

AAP19110020041-Pavan Kumar

77% match