Activity7_Question1

100%

Activity7_Question1

✓ Published0🌍 Public

Last edited Apr 6, 2025

Created on Apr 6, 2025

A donut chart displays weekly app usage percentages, labeling each slice directly and through a legend that pairs app names with their numeric values. The visualization loads data from a remote CSV file, parses usage values as numbers, and uses a categorical color scheme. Built with D3 v7, it relies on the pie and arc generators to compute slice geometry, with SVG paths and text elements rendered inside a 600×400 canvas.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 7_question1

This example shows a donut chart of categorical sales data, with each slice labeled by category and a legend on the left. Hovering over a slice displays a tooltip with the percentage share of the total sales. The code uses D3 v7 with `d3.pie` and `d3.arc` to generate the pie geometry, and `d3.scaleOrdinal` with `schemeCategory10` for colors. Data is loaded as CSV from a GitHub gist, and the SVG is rendered with a centered group and a 200-pixel right margin for the legend.

Vvenkatdinesh5010@gmail.com

84% match

Loading thumbnail…

Activity7_Question_1

This pie chart displays the percentage breakdown of weekly time allocation across categories. Each slice is labeled with its corresponding activity name and percentage, connected by leader lines, with a legend on the right showing hours per category. The visualization uses d3.pie and d3.arc to generate slices, d3.csv to load remote data with d3.autoType, and d3.scaleOrdinal with d3.schemeCategory10 for colors. It renders as SVG, with polylines for leader lines and text elements for labels.

Ssriharshithaanugu5@gmail.com

84% match

Loading thumbnail…

Activity-9_Question-1

This example presents a donut-style pie chart visualizing the quantity of different fruits from a CSV dataset fetched via `d3.csv`. It uses D3 v5 to compute arc paths with `d3.pie()` and `d3.arc()`, rendering the chart as SVG. A categorical color scale via `d3.scaleOrdinal` and `d3.schemeCategory10` colors each fruit slice. The code also constructs a legend with colored rectangles and text labels, positioned to the right of the chart.

Hharipadmavathim2023@gmail.com

82% match

Loading thumbnail…

Fork of Activity7.1_Qustn 1

This example shows an extended donut chart of social media platform usage, displaying the average hours per week spent on each platform as pie slices with labeled leader lines and a dynamic legend. The visualization uses D3 v7’s `d3.pie()` and `d3.arc()` to generate the slices from CSV data loaded via `d3.csv`, with `d3.scaleOrdinal` assigning categorical colors. Outer arc centroid positions and a custom `midAngle` function compute label placement, while connector polylines and text elements are appended directly to an SVG canvas. The legend is built dynamically by iterating over the data, with each row containing a colored rectangle and platform label.

NNita

82% match

Loading thumbnail…

Activity 7

This donut chart displays the mobile market share percentages of various brands for 2024, with each slice labeled directly on the chart. A supplementary legend lists each brand alongside its corresponding percentage. Built with D3 v7, the visualization uses `d3.pie()` to compute slice geometry, `d3.arc()` for rendering paths, and `d3.scaleOrdinal` with the Set3 color scheme. The data is loaded from a remote CSV file via `d3.csv()`, and the chart is rendered as SVG with interactive-free, static labels positioned using the arc centroid method.

AAkhileshVadlakonda@my.unt.edu

81% match

Loading thumbnail…

Activity7_Question1

This pie chart visualizes browser usage statistics, with each slice sized by usage percentage and labeled with the browser name. The visualization is rendered as SVG using D3 v7, employing `d3.pie` and `d3.arc` to construct the chart, and `d3.scaleOrdinal` with `d3.schemeCategory10` for categorical coloring. Data is loaded from a remote CSV file via `d3.csv`, and a legend displays each browser name and its corresponding usage value. Text labels are placed using arc centroids, with the chart centered within a 600x400 SVG canvas.

Kkandooriabhiram@gmail.com

81% match

Loading thumbnail…

Activity7(q-1)

A donut chart displays the distribution of car classes (unacc, acc, vgood, good) from a CSV dataset, showing each category's percentage share with a legend indicating counts. Built with D3.js, the visualization uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for coloring, rendering as SVG. The chart positions the pie on the left and legend on the right, with bold white percentage labels on each slice and a title above. Data loads via `d3.csv` from a GitHub gist.

Rrakshithareddy217@gmail.com

81% match

Loading thumbnail…

Activity 7_question1

A pie chart displays categorical sales proportions, with each slice labeled and colored by category. Hovering over a slice reveals an HTML tooltip showing the percentage of total sales. The visualization is built with D3 version 7, using the `d3.pie()` layout and `d3.arc()` generator to create slice paths. It loads CSV data from a GitHub Gist via `d3.json()`, applies an ordinal color scale, and includes a custom legend. An SVG canvas renders all marks, while tooltip positioning tracks mouse coordinates.

Ddivya.matavalam828@gmail.com

80% match