final 2 sai_tej_2

100%

final 2 sai_tej_2

✓ Published0🌍 Public

Last edited Apr 27, 2024

Created on Apr 27, 2024

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.

AI-generated description

MIT Licensed

Similar vizzes

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

90% match

Loading thumbnail…

sai_tej_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`.

Vvikramkotlo9@gmail.com

89% match

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

86% 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…

TD2

This visualization presents a multi-panel dashboard for exploring sales data from a CSV file. It displays several distinct plots, likely including bar charts and other summaries, within a grid layout. The implementation uses D3 v5 to load the data and render SVG graphics, leveraging scales and axes for plotting. The page is built with Vue and uses Moment.js for any date parsing, with tooltips providing interactivity for detailed values.

AAdrien

76% match

Loading thumbnail…

two

This pie chart visualizes total sales across product categories using data loaded from a CSV file. Categories include Electronics, Clothing, Furniture, Groceries, and Stationery, with summed sales values displayed directly on each slice. The visualization uses d3.csv to load the data, d3.rollups to aggregate sales by category, and d3.pie with d3.arc to generate the slices. A categorical color scale assigns distinct hues, while labels and a legend provide context. The chart is rendered as SVG within an HTML page, with arcs stroked in white for separation.

Mmsahithipatel@gmail.com

76% 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

75% 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

75% match