Skip to main content
SimilarExport ZIP
100%

ICE-7_Bala_Nikhil

✓ Published0🌍 Public
Ppasalabala22@gmail.com
Last edited Oct 24, 2025
Created on Oct 22, 2025

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

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

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.

Ppasalabala22@gmail.com
88% match
Loading thumbnail…

ICE-6_Scatter_Plot_Bala

This example presents a multi-chart dashboard exploring the relationship between a musician's playing technique and three instrument attributes: average popularity, weight, and price. The first visualization is a multi-series line chart with dual y-axes, plotting popularity on the left and weight/price on the right against the categorical playing technique. The second chart combines bars for popularity with overlaid lines for weight and price. The code loads data from a gist CSV, uses `d3.rollup` and `d3.mean` for aggregation, and renders the SVG charts with `d3.scalePoint` and `d3.scaleLinear` scales.

Ppasalabala22@gmail.com
79% match
Loading thumbnail…

ICE-6_Musical_Instruments

This bar chart displays the average price of musical instruments across several categories. It uses D3.js v7 to load CSV data from a remote gist, aggregate prices by category, and render an SVG chart with axes, gridlines, and hover tooltips. Bars are colored steelblue and highlight orange on mouseover, with value labels shown above each bar. The layout uses responsive styling and a gradient background.

Ppasalabala22@gmail.com
77% match
Loading thumbnail…

ICE-7 Resusable Scatter Plot

This scatter plot visualizes song performance by comparing streams against popularity, with each point colored by singer and displayed on a reusable scatter plot component built with D3 v7. The visualization uses `d3.scaleLinear` for both axes, `d3.scaleOrdinal` with `d3.schemeCategory10` for color encoding, and `d3.axisBottom`/`d3.axisLeft` for axis rendering. Data loads from an external CSV file containing song attributes, and the reusable `scatterPlot` function manages SVG rendering, including axis labels and a categorical legend. The chart is designed with margins to accommodate labels and legend placement.

Mmynedisanjana@gmail.com
74% match
Loading thumbnail…

Bala_Nikhil_Pie_Chart

A pie chart visualizes sales distribution by instrument family, using a dataset of musical instruments loaded from a GitHub Gist via `d3.csv`. The chart aggregates and sums numeric sales values with `d3.rollups`, then renders slices with `d3.pie` and `d3.arc`. Labels show percentages for slices above 5%, and a tooltip displays family name and percentage on hover. A legend with colored swatches and metrics sits beside the SVG, using the `d3.scaleOrdinal` color scale with `d3.schemeSet2` or `d3.schemeTableau10`.

Ppasalabala22@gmail.com
74% match
Loading thumbnail…

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.

Ppasalabala22@gmail.com
73% match
Loading thumbnail…

ICE-7 - Scatter Plot

This animated scatter plot maps student performance metrics, such as scores in tenth, twelfth, and college, along with time spent, against each other. The plot cycles through different x-axis variables, updating the visualization in a loop, and colors data points by hobby categories: Cinema, Sports, and Others. Built with D3 v6, it uses `d3.csv` to load the data and a custom `scatterPlot` module that constructs axes and circles, rendering the SVG animation with a legend and labels.

AAshrith Kudidhi
73% match
Loading thumbnail…

ICE-7 Resusable Pie Chart

This reusable scatter plot, titled "Song Performance Analysis," visualizes the relationship between a song's number of streams and its popularity score. Each circle represents a song, positioned by the linear scales from `d3.scaleLinear()`, with color assigned to the singer using the ordinal color scheme from `d3.scaleOrdinal`. The code loads a songs.csv dataset from a GitHub gist, converts numeric fields, and renders the chart in SVG. It constructs the visualization by merging axes, labels, and a categorical legend, all within a reusable `scatterPlot` function that accepts data and dimension parameters.

Mmynedisanjana@gmail.com
72% match