Skip to main content
SimilarExport ZIP
100%

sai_tej_2

✓ Published2🌍 Public
Vvikramkotlo9@gmail.com
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Task_8_Activity_2

This dashboard displays a product sales report through three linked visualizations: a bar chart of stock by size, a pie chart of product count by color, and a bar chart of product count by category. It uses D3.js v7 with `d3.csv` to load data, `d3.rollup` for aggregation, and `d3.scaleBand`, `d3.scaleLinear`, and `d3.scaleOrdinal` for scales. SVG rendering includes interactive tooltips and legends, while pie arcs are drawn using `d3.arc` and `d3.pie`.

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
90% match
Loading thumbnail…

final 2 sai_tej_2

This dashboard presents three linked charts analyzing a sales report dataset loaded via `d3.csv`. It shows product distribution by size as a bar chart, by color as a pie chart using `d3.pie` and `d3.arc`, and by category as another bar chart. Each chart uses `d3.rollup` to aggregate counts, with `d3.scaleOrdinal` and `d3.schemeCategory10` for color encoding. Tooltips appear on hover, and all visualizations render as SVG elements in separate divs.

Ttallurisaiteja96@gmail.com
89% match
Loading thumbnail…

final1 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.

Ttallurisaiteja96@gmail.com
85% match
Loading thumbnail…

Sales Data Summary

This interactive dashboard summarizes sales data from a user-supplied CSV file. It displays dataset statistics and a preview table alongside an SVG bar chart ranking top products by sales. Built with D3.js v7, the page features a URL input that loads and parses the data, auto-detecting column names. The visualization updates dynamically, with the bar chart using D3 scales and axes to render the sorted sales figures.

RRamdas Dheeraj
81% match
Loading thumbnail…

index

This bar chart displays product sales performance for 200 products, using a D3.js v7 SVG visualization. The chart maps product names to the x-axis using `d3.scaleBand` and sales values to the y-axis via `d3.scaleLinear`, with the maximum sales value determining the scale domain. Each product is represented by a teal rectangle, with bar heights proportional to sales values. The data is loaded from a CSV file using `d3.csv` with `d3.autoType` for automatic data parsing. The axes are rendered using `d3.axisBottom` and `d3.axisLeft`, with x-axis labels rotated and filtered to show every tenth tick for readability.

SSai Charan
80% match
Loading thumbnail…

Pie chart

This pie chart displays the sales distribution by product, with real-time data updates fetched from a remote CSV file. The visualization uses D3.js v7 to construct the pie, with animated transitions for slices, labels, and a color-coded legend. Users can hover over slices to see a tooltip showing the product label and its percentage value. The SVG-based chart also includes interactivity through mouse events and uses d3.pie, d3.arc, and d3.scaleOrdinal for data binding and rendering.

Ssaibheemeshwar_maganti@srmap.edu.in
79% 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
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
78% match