lakshmisurekhamaddukuri@my.unt.edu

@LAKMAD999·5 public vizzes

group 9 bar and scatter plot

This interactive dashboard displays health metrics through four charts: a scatter plot of sleep duration versus sweet food intake colored by age group, a bar chart of average heart rate by consumer type, a pie chart showing cholesterol levels by alcohol intake, and box plots of heart rate grouped by sleep disorder and meat intake. Built with D3 v7, the charts use d3.scaleLinear, d3.scaleBand, d3.pie, and d3.quantile, with dropdown filters and tooltips. Data loads from a TSV file via d3-fetch, and all visualizations render as SVG with animations.

Apr 24, 2025

Loading thumbnail…

Fork of Fork 11

This bar chart visualizes the relationship between daily water consumption and average sleep quality, with bars sorted by sleep quality in ascending order. The visualization uses D3.js v7 APIs including `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom` to render the SVG chart. Data is loaded via `d3.tsv` from a remote CSV file, then processed with `d3.rollups` to group and average sleep quality by water consumption category. Interactive tooltips appear on hover, displaying the specific water consumption level and corresponding sleep quality score.

Apr 10, 2025

Loading thumbnail…

scatterplot

This scatterplot explores the relationship between sweet food intake and sleep duration, with each point colored by gender. The visualization uses D3.js v7 to load TSV data, apply jitter to reduce overplotting, and render SVG circles with interactive tooltips showing sleep, diet, age, and gender details. A linear scale maps intake frequency on the x-axis against sleep hours on the y-axis, with custom tick labels and axis titles. The code also demonstrates margin conventions, axis generation with `d3.axisBottom` and `d3.axisLeft`, and event handlers for mouse interactions.

Apr 7, 2025

Loading thumbnail…

Area_Chart_Visualisation_LakshmiMaddukuri

This area chart displays the average body mass of different penguin species, using red data points over a light blue filled area. The visualization is built with D3 v7 and rendered as an SVG, pulling data from a remote TSV file. It computes averages per species using D3’s `scalePoint` and `scaleLinear` for axes, while an interactive tooltip appears on hover via `d3.select` and mouse events, enhancing data exploration.

Mar 25, 2025

Loading thumbnail…

PieChartVisualisation_LakshmiMaddukuri

This visualization shows the distribution of breast cancer tumor sizes, categorized as Small, Medium, or Large based on the mean area from the dataset. A pie chart displays the count of records in each category, with interactive tooltips revealing exact counts on hover. The chart is rendered as SVG using D3 v7, leveraging `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for slice geometry, coloring, and a custom legend. Data is loaded from a TSV file via `d3.tsv` and aggregated with `d3.rollup`.

Mar 25, 2025