ICE7_ScatterPlot_HarshaPalacharla

Scatter-plot_Harsha_Palacharla

This interactive scatter plot visualizes the relationship between blood sugar levels and age from a health dataset. The SVG rendering uses D3 v7, with purple semi-transparent circles positioned via linear scales for both axes. Axis labels are added through D3’s axisBottom and axisLeft methods, while d3.csv loads the external data file. The chart emphasizes distribution patterns without additional interactivity beyond the static point placement.

80% match

ICE7_AreaChart_HarshaPalacharla

This area chart shows the average blood sugar level by age, using a dataset loaded from a GitHub-hosted CSV file. The chart displays the relationship between age (in years) on the x-axis and average blood sugar (in mg/dL) on the y-axis, with a semi-transparent steel-blue area filling the region under the line. The visualization is built with D3.js v7, using `d3.csv` to load the data, `d3.rollup` to compute averages, and `d3.scaleLinear` and `d3.axis` for scales and axes. The area is rendered as an SVG path using `d3.area`.

79% match

ICE-7 - Reusable Scatter Plot

This example presents a reusable scatter plot of BMI data, visualizing relationships between Height, Weight, Index, and Age, with points colored by gender. Built with D3 v6, the visualization cycles through different x-axis variables on an interval, updating axes and labels dynamically. It uses D3’s `scaleLinear`, `axisBottom`, and `axisLeft` for scales and axes, with SVG circles for marks and a custom legend. Data loads from a CSV via `d3.csv`, and the chart is rendered through a reusable `scatterPlot` module.

SSaahithi49

79% match

ICE7_LineChart_HarshaPalacharla

This line chart visualizes the relationship between Age (in years) and Average Blood Sugar (mg/dL), where each point represents the mean blood sugar for a given age from a health dataset. A single steelblue path traces the trend across the sorted age values, with labeled axes and adjusted y-axis limits for clarity. Built with D3 v7, the code uses `d3.csv` to load external data, `d3.rollup` and `d3.mean` to compute aggregates, `d3.scaleLinear` for axes, and `d3.line` and `d3.axisBottom`/`d3.axisLeft` to render the SVG line and axes.

78% match

ICE 7 Reusable D3 Scatter Plot

This interactive scatter plot visualizes the relationship between height and weight, with each point colored by gender (male, female, or no gender). Built as a reusable D3 chart component, it alternately animates the x-axis between the two variables every five seconds. The visualization uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` APIs to render axes and circles over an SVG canvas. Data is loaded from a CSV of gender, height, and weight records.

Ssaijahnaviappineni

ICE_8_Harsha_Palacharla_Network_Visualization

This network visualization maps relationships among ten patient records in an embedded health dataset based on cholesterol similarity, connecting individuals whose cholesterol levels differ by less than 30 mg/dL. The force-directed layout spreads nodes using D3.js v7’s `d3.forceSimulation`, combining `forceLink`, `forceManyBody`, `forceCenter`, and `forceCollide` to position nodes and prevent overlap. Link thickness encodes the absolute cholesterol difference between connected patients, while node labels display age, blood pressure, and cholesterol values. The SVG rendering uses distinct styling for network nodes, links, and labels to keep the graph readable.

MMeghanaChowdaryVelaga@my.unt.edu

ICE_8_Harsha_Palacharla

This visualization shows a hierarchical tree of patient health records, where each node represents an individual with their age, blood pressure, and cholesterol levels. Node size encodes blood pressure, while color indicates cholesterol risk categories (green, amber, red). Built with D3.js v7, the code uses `d3.stratify()` to build the hierarchy, `d3.tree()` for layout, and `d3.linkHorizontal()` for curved links, rendering the final result as SVG circles and labels.

ICE-7 Line Chart

This visualization presents a line chart of heart disease data, plotting cholesterol levels against patient age. The chart uses D3.js v5 to create SVG-based graphics, with time and linear scales (`d3.scaleTime`, `d3.scaleLinear`) mapping data to positions on axes generated by `d3.axisBottom` and `d3.axisLeft`. A path generated by `d3.line` connects the data points. Data is loaded from a remote CSV file and parsed before rendering.

GGogineni44