Skip to main content
SimilarExport ZIP
100%

sales - Virushika

✓ Published0🌍 Public
Vvrushikarao03@gmail.com
Last edited Nov 6, 2024
Created on Nov 6, 2024
Forked from Hello VizHub

This example displays a pie chart of average ratings for different brands, sourced from a CSV file and rendered as an SVG. The code uses D3 v6 APIs including `d3.csv`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with `schemeCategory10` to color each slice. Brand names are labeled at each slice’s centroid, and the chart is centered within a fixed-width SVG. The visualization demonstrates loading external data and building a basic categorical pie chart with D3’s layout and shape generators.

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…

Assigment2

This example visualizes sales distribution by brand as an animated pie chart in SVG. It loads data from a CSV file via `d3.csv`, aggregates sales using `d3.rollup`, and renders slices with the `d3.arc` and `d3.pie` layouts. Hovering over a slice enlarges it via `d3.transition` and displays a bold label with the brand’s total sales. The chart includes a color-coded legend using `d3.scaleOrdinal` and a descriptive title.

Llokesh kautharapu
80% match
Loading thumbnail…

pie_sales

This pie chart visualizes product sales from a CSV file, displaying each product’s share as a colored slice with labels positioned at each slice’s centroid. The chart uses d3.pie() to compute arc angles and d3.arc() to render the SVG paths, with a d3.scaleOrdinal and d3.schemeCategory10 providing color encoding. A legend below the chart lists each product and its corresponding sales value, generated from the same loaded data. The visualization is built with D3 v7 and rendered as inline SVG within an HTML container.

PP Manisha
79% match
Loading thumbnail…

test

This pie chart displays the distribution of product sales by category, using aggregated data from a CSV file. The visualization presents each category as a colored slice, with a legend identifying the categories and a title above the chart. Built with D3 v7, the code uses `d3.pie`, `d3.arc`, and `d3.rollup` to process and render the data, while SVG elements provide the visual output. Interactive hover effects enlarge slices and display category sales totals, with transitions animating the changes.

SSaiHarshitManda@my.unt.edu
79% match
Loading thumbnail…

Piechart

This example presents a pie chart visualizing the quantity of fruits sold, with each slice labeled by its percentage of the total. The chart is rendered as an SVG within a VizHub project, loading data from a remote CSV file using `d3.csv`. The code leverages `d3.pie` and `d3.arc` to generate the slices, `d3.scaleOrdinal` with `schemeCategory10` for colors, and creates an HTML legend with colored swatches. The chart title and percentage labels appear directly in the SVG, with `d3.sum` used to compute totals.

NNagalakshmi Thota
79% match
Loading thumbnail…

q1

This pie chart visualizes sales data aggregated by product category, sourced from a remote CSV file. The D3 v6 code loads the data with `d3.csv`, aggregates sales totals using `d3.rollups` and `d3.sum`, and renders an SVG pie chart with `d3.pie` and `d3.arc` paths. Each slice is labeled with the category, total sales in thousands, and percentage of the overall total. A color-coded legend is generated alongside the chart, and the visualization uses a categorical color scheme (`d3.schemeCategory10`) with semi-transparent slices and white strokes.

Kkaushikreddy901@gmail.com
79% match
Loading thumbnail…

Pie Chart

A pie chart displays automobile sales proportions for different car brands, with each slice labeled by percentage and accompanied by a legend showing brand names and their corresponding sales shares. The visualization uses D3 v5’s `pie` and `arc` generators to compute slice angles and paths, with `scaleOrdinal` assigning colors from a predefined palette. Data is loaded as CSV from a GitHub repository, and the chart renders as SVG with custom styled text and legends.

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

Task9_Vaishalikonda

This pie chart visualizes electronic sales data, displaying the proportion of units sold for each product category. It is built with D3 v5, using `d3.pie` to compute the arc segments and `d3.arc` to render the SVG paths. Each slice is shaded with a categorical color from `d3.scaleOrdinal` and `d3.schemeCategory10`, with percentage labels placed at the centroids. A legend, also generated in SVG, maps each product name to its corresponding color. The data is loaded from a remote CSV file hosted on GitHub.

Vvaishalireddy55555@gmail.com
78% match
Loading thumbnail…

Activity-7 q-1

A pie chart displays the distribution of sales counts across different brands, with each slice labeled and colored uniquely. The chart is rendered as an SVG using D3.js v7, with data loaded from a CSV file via `d3.csv` and aggregated using `d3.rollup`. Slices are generated with `d3.pie`, and a legend positioned to the right shows brand color mappings. Hover tooltips are not implemented, but static labels and a Tableau10 color scheme provide clarity.

Bbhargavireddy4016@gmail.com
78% match