Skip to main content
SimilarExport ZIP
100%

Assignment 2 Bar Chart

✓ Published0🌍 Public
Cchsaisriharsha@gmail.com
Last edited Jul 21, 2023
Created on Jul 21, 2023
Forked from Hello VizHub

This example shows a bar chart of student enrollment counts across twelve majors at UNT, with each bar’s height encoding the reported value. The chart is rendered as an SVG using D3 v7, with a linear y-scale for counts and a band x-scale for categorical major labels. Axes are added via `d3.axisLeft` and `d3.axisBottom`, with rotated x-axis tick text. The code uses `d3.scaleLinear`, `d3.scaleBand`, and D3’s selection and data-join methods to bind the hard-coded dataset to `rect` elements.

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…

Activity8_Task2

This example visualizes the distribution of student counts across academic majors at UNT, presenting the data as a pie chart with labeled segments and a corresponding legend. It loads student data from a CSV URL and uses D3 v5 APIs including `d3.csv`, `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.format` to generate the chart and its labels. The SVG rendering displays each major’s student count in thousands, with color-coded slices and a legend showing major names alongside their values.

Cchsaisriharsha@gmail.com
79% match
Loading thumbnail…

Activty8 Task2

This example shows the count of students from each major at UNT in a pie chart with a legend listing each major and its corresponding value. The pie chart uses D3’s `pie` and `arc` generators to create the slices, with `scaleOrdinal` assigning colors from a predefined array. Each slice is labeled with its value formatted using D3’s `format` function, and a separate legend group positions rectangles and text labels. The data is loaded asynchronously from a CSV URL using D3’s `csv` method, and the visualization is rendered as SVG.

HHarshithaAmbilpur
79% match
Loading thumbnail…

Assignment 8_Task 2

A pie chart displays the count of students from each major at UNT, with proportional slices labeled in thousands and a legend mapping colors to majors. The visualization uses D3 v5 APIs including `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.format` to generate SVG paths and text. Data is loaded asynchronously from a CSV hosted on GitHub Gist via `d3.csv`, and the chart renders with custom tick formatting and color-coded legend entries.

KKeerthiAnnem
78% match
Loading thumbnail…

Pie Chart

This pie chart displays the number of students per major at UNT, with each slice labeled by its count in thousands and a corresponding legend listing majors and values. The visualization uses D3 v5’s `pie` and `arc` generators to compute slice angles and paths, while `scaleOrdinal` maps student counts to a fixed array of colors. Data is loaded asynchronously via `d3.csv` from a GitHub Gist, and the SVG rendering includes centroids for labels and a legend built with appended `rect` and `text` elements.

Ppardha1411
77% match
Loading thumbnail…

Activity 8_task2

This pie chart shows the count of students from each major at UNT, with percentage labels displayed inside each slice and a legend identifying the major names alongside their student counts. The visualization uses D3 v5’s `pie` and `arc` functions to generate the chart, with `scaleOrdinal` assigning colors from a hardcoded array. Data is loaded asynchronously from a CSV via `d3.csv`, and the SVG rendering positions the pie at the center with a separate legend group. The chart also formats numeric labels using `d3.format`.

Mmandadi1999
77% match
Loading thumbnail…

Activity_8-Task_2

This pie chart displays the count of students from each major at UNT, using a color-coded circular layout with proportional slice sizes. The data is fetched from a CSV file hosted on a GitHub gist. The visualization is built with D3 v5, using the `pie` function for data encoding, `arc` for generating the pie segments, and `scaleOrdinal` for categorical color mapping. The chart includes a legend on the right, with each entry showing the major name and its corresponding student count. A title and axis tick formatting complete the presentation.

Ssaipaidipalli
77% match
Loading thumbnail…

Actvity 8 Task 2

This interactive pie chart visualizes the distribution of students across academic majors at UNT, with each slice labeled by its percentage value. Built with D3 v5, the chart uses `d3.pie` and `d3.arc` to generate SVG paths and `d3.scaleOrdinal` to assign a fixed palette of colors to slices. A manually positioned legend alongside the chart maps each color to its corresponding major and student count, using data fetched from a remote CSV hosted on GitHub.

Ssreekarthanda@gmail.com
77% match
Loading thumbnail…

Pie Chart

This pie chart displays the distribution of student counts across university majors at UNT, with each slice labeled by its proportion and a legend identifying each major. The visualization uses D3 v5 to fetch CSV data from a GitHub repository, then employs `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the chart and color-coded legend. Student values are formatted in thousands (e.g., "12K") on both the slices and legend, rendered as SVG elements within an HTML page that loads D3 via UNPKG.

VVarshareddy2912
77% match