Skip to main content
SimilarExport ZIP
100%

ICE7_AreaChart_HarshaPalacharla

✓ Published2🌍 Public
Nnagasuryaharsha999@gmail.com
Last edited Apr 1, 2025
Created on Apr 1, 2025

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

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

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.

Nnagasuryaharsha999@gmail.com
92% match
Loading thumbnail…

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.

Nnagasuryaharsha999@gmail.com
83% match
Loading thumbnail…

Fork of ICE7_AreaChart_HarshaPalacharla

This area chart visualizes the relationship between sleep hours and age, plotting age on the y-axis against sleep hours on the x-axis for a dataset loaded from a CSV file. The chart uses D3 v6 with a linear scale for both axes, an area path filled in steelblue with semi-transparency, and a monotone curve for smooth transitions. Data points are parsed from the CSV columns "SLEEP HOURS" and "AGE", and the SVG rendering includes bottom and left axes.

Bbhargavinalamothu@gmail.com
81% match
Loading thumbnail…

Harsha_Palacharla_GenderVsBloodSugar

This bar chart compares the average blood sugar levels between male and female subjects from a health dataset loaded via `d3.csv`. It displays two bars, with steelblue bars that turn orange on hover, positioned along a band scale for gender and a linear scale for average blood sugar in mg/dL. The visualization uses D3 v7’s `d3.rollup` to aggregate the data and `d3.mean` to compute averages, with axes labeled for gender and blood sugar. The SVG-based chart is rendered with `d3.axisBottom` and `d3.axisLeft` for clean, labeled axes.

Nnagasuryaharsha999@gmail.com
80% match
Loading thumbnail…

ICE7_ScatterPlot_HarshaPalacharla

This scatter plot visualizes the relationship between cholesterol levels and weight using a reusable D3 chart function. It renders teal circles for each data point, with linear scales mapping cholesterol (mg/dL) on the x-axis and weight (kg) on the y-axis, including axes with labels. The code uses D3 v7 with `d3.csv` to load health data from a GitHub gist, filters out missing cholesterol values, and applies `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to build the SVG-based chart. The chart is designed as a configurable function with getter-setter methods for width, height, and value accessors.

Nnagasuryaharsha999@gmail.com
79% match
Loading thumbnail…

ICE-7-Area

This area chart displays health scores over five years (2019–2023), with a light blue filled region beneath a steel-blue line and dark blue circles marking each data point. The chart is built with D3 v7, using `d3.scaleLinear` for X and Y axes, `d3.area` for the area path, and `d3.axisBottom`/`d3.axisLeft` for labeled axes. Data is loaded from a local CSV file (`line_data.csv`), and the SVG rendering includes a bold title and axis labels for year and health score.

Ssivaniammisetti2002@gmail.com
78% match
Loading thumbnail…

ICE_8_Harsha_Palacharla

This visualization displays a hierarchical tree of 20 embedded health records, structured by patient age using D3.js v7. The code uses d3.stratify to build the hierarchy and d3.tree for the layout, rendering nodes and links as SVG elements with circular markers and labels. It sorts nodes by age ascending and includes rotated label styling, with a subset of blood pressure and cholesterol data drawn from a larger Gist dataset.

Nnagasuryaharsha999@gmail.com
76% match
Loading thumbnail…

ICE 7- Area Chart

This area chart visualizes the average insurance charges for each age group, using a steelblue filled area to show the trend across ages. Built with D3.js v7 and React, the code fetches a CSV from a GitHub gist, aggregates the raw data by age, and computes average charges. It uses `d3.scaleLinear` for the x and y axes, `d3.area` to generate the area path, and `d3.axisBottom` and `d3.axisLeft` for the axes. Interactive tooltips appear on hovering over the data points, which are drawn as SVG circles. The visualization is rendered as a static SVG with no animation.

Kkotlavamsireddy@gmail.com
76% match