Skip to main content
SimilarExport ZIP
100%

final1 sai tej _1

✓ Published0🌍 Public
Ttallurisaiteja96@gmail.com
Last edited Apr 27, 2024
Created on Apr 27, 2024
Forked from sai tej _1

This dashboard presents two complementary views of product distribution by category from a CSV dataset. The first visualization is a bar chart showing sales performance, with axes labeled and a y-axis indicating product count. The second is a pie chart displaying category distribution. Both charts use D3.js v7, with the bar chart employing `d3.scaleBand`, `d3.scaleLinear`, and `d3.rollup` to aggregate data, while the pie chart uses `d3.pie` and `d3.arc`. Interactive tooltips appear on hover for both visualizations. The dashboard is styled with CSS and rendered as SVG elements.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

sai tej _1

A dashboard presents two linked visualizations of product category distribution from a May 2022 dataset. The first is a bar chart showing counts per category with interactive tooltips, while the second is a pie chart displaying the same data. Both use D3 v7 APIs including `d3.csv`, `d3.rollup`, `d3.scaleBand`, `d3.scaleLinear`, `d3.pie`, and `d3.arc`, rendered as SVG with hover effects and legends.

Vvikramkotlo9@gmail.com
88% match
Loading thumbnail…

Q1 pie chart

This pie chart displays the distribution of total sales by product category for a given dataset. It uses the D3.js library (v7) to render an SVG-based visualization featuring an interactive legend and a hover effect. The chart's slices are drawn using `d3.pie` and `d3.arc`, with `d3.rollup` and `d3.sum` aggregating the sales data, which is loaded from a CSV file. On mouseover, a slice enlarges using a separate `hoverArc` and displays the category and sales total as a text label.

Ssannihitha.k23@gmail.com
75% match
Loading thumbnail…

Question1

This pie chart visualizes product sales distribution, with each slice sized proportionally to its revenue share and a corresponding legend displaying category names and percentage values. The chart uses d3.pie and d3.arc to generate the SVG paths, with a scaleOrdinal color scale assigning distinct hues to each segment. Data is loaded asynchronously from a CSV via d3.csv, and percentage labels are formatted with d3.format. The total sum of all values is calculated to compute each category’s share.

MMandadi Nishita
74% match
Loading thumbnail…

TD2

This visualization presents a multi-chart dashboard for exploring sales data from a CSV file. It shows a bar chart of total sales by product category, a scatter plot of individual sales over time, and additional panels, with interactive tooltips and click-to-filter behavior. The code uses D3.js v6 (via `d3.rollup`, `scaleBand`, `scaleTime`, and `axisBottom`), Moment.js for date parsing, and animated transitions to update charts with a 1000ms duration. Data is loaded from `data.csv`, and all charts are rendered as SVG elements.

SSeegson
73% match
Loading thumbnail…

Product Sales Bar Chart

This bar chart displays product sales figures from a CSV file, with each product’s sales value represented by a steelblue bar. The visualization uses D3.js to create an SVG, scaling the x-axis with `d3.scaleBand` and the y-axis with `d3.scaleLinear`. Axis labels are rotated, and a title is added, all rendered via the D3 SVG API. Data is loaded asynchronously from a GitHub gist using `d3.csv`.

Aavvarijayakrishna99@gmail.com
73% match
Loading thumbnail…

Activity6task2q2

This stacked bar chart visualizes the percentage of sales performance within each product category, with horizontal bars segmented by price ranges from "Below 100" to "Above 5000." The chart uses D3 v7's `d3.stack()` to create the stacked segments, `d3.scaleLinear` and `d3.scaleBand` for positioning, and `d3.scaleOrdinal` for color mapping. Interactive tooltips display exact percentages on hover using mouse events, while SVG rendering provides the visual output.

Ssaitejakaranam10@gmail.com
73% match
Loading thumbnail…

ice7 part2

This example presents an interactive pie chart built with D3.js v7 that visualizes static sales data across four product categories. The chart renders as an SVG, with each category represented by a colored slice, and uses a hover interaction to display a tooltip showing the category name and its sales value. The code employs `d3.pie()` to compute the arc angles, `d3.arc()` to generate the slice paths, and `d3.scaleOrdinal` with `d3.schemeCategory10` for coloring. A separate HTML legend lists each category with its corresponding color swatch.

Jjammigumpula.priyanka193@gmail.com
72% match
Loading thumbnail…

dboard

This dashboard presents a multi-panel view of sales data from a CSV file, showing sales by category in a bar chart, a geographical map of the US, a time series scatter plot, and a donut chart of sub-category sales. The bar chart is interactive; clicking a category filters the accompanying charts and updates the donut chart, which is rendered using `d3.pie()`. The code employs D3 v6 functions like `d3.rollup` for data aggregation and `d3.axisBottom` for axes. Visual elements are drawn as SVG primitives, with interactions driven by mouse events and tooltips.

IIndira120
72% match