Bala_Nikhil_Pie_Chart

BalaNikhilPasala

This visualization summarizes a musical instruments dataset with a static bar chart rendered inside a framed panel. The SVG displays multiple black vertical bars of varying heights, separated by gridlines, suggesting counts or measurements across different instrument categories. The chart is built using D3 v7, with the HTML document defining the SVG structure and styling through CSS. The bars and axes are drawn directly via SVG elements, while the dataset itself appears to be pre-computed rather than dynamically loaded, as no data-binding or scale functions are present.

77% match

ICE-6_Musical_Instruments_Bala_Nikhil_Pasala

This scatter plot visualizes the relationship between the approximate year of invention and the popularity of musical instruments, with each point colored by instrument category and labeled with the instrument name on hover. Built with D3.js v7, the visualization loads CSV data from a GitHub gist and renders an SVG chart with axes, gridlines, and a categorical color legend. The implementation uses `d3.csv`, `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.axisBottom`/`d3.axisLeft` to map the data, while interactive tooltips are handled through D3 event listeners on the circles.

76% match

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

75% match

Kkanakalakshmi.murikipudi20@gmail.com

Pie_Chart_Question1

This visualization displays annual sales distribution for an Indian restaurant as a pie chart, with each slice representing a year’s total sales and labeled with the corresponding sales amount. A legend on the right maps each year to its color. The chart is built using D3 v6, fetching CSV data via `d3.csv`, aggregating sales with `d3.rollups` and `d3.sum`, and generating arcs with `d3.arc` and `d3.pie`. Colors are assigned using a `scaleOrdinal`, and all elements are rendered as SVG.

BalaNikhilPasala

This visualization provides a summary of a musical instruments dataset, presenting key information about its columns and a preview of the first five rows. The page uses D3.js (v7) to load and parse CSV data, displaying the dataset's summary statistics in a styled text box. The interface includes a decorative SVG illustration of a piano keyboard with musical notes, alongside dynamically generated HTML elements that list column names and render a data table. The layout combines custom CSS styling with D3's data-handling capabilities to create a clear, user-friendly overview.

ICE-7_Bala_Nikhil

This scatter plot shows the relationship between DurabilityScore and Popularity for musical instruments, with points colored and shaped by Instrument Family. The visualization uses an SVG rendering with D3 v7, employing `d3.scaleOrdinal` with `d3.schemeTableau10` for categorical colors and various `d3.symbol` types to distinguish families. Interactive tooltips appear on pointer events, revealing instrument names and exact values. Data is loaded from a CSV via `d3.csv`, with axes drawn using `d3.axisBottom` and `d3.axisLeft`.

Ssaibheemeshwar_maganti@srmap.edu.in

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.

Pie Chart

This pie chart displays the sales figures of various companies, with each slice sized proportionally and labeled with its value in thousands. It also includes a color-coded legend listing company names and corresponding sales amounts. The visualization uses D3 v5 APIs including `pie`, `arc`, `scaleOrdinal`, and `format` to generate the SVG segments and text, with data loaded via `csv` from a GitHub gist. Colors are assigned through a custom ordinal scale.

TTejaswi@3271