Skip to main content
SimilarExport ZIP
100%

LINE PLOT pca

✓ Published1🌍 Public
CChaturyaAkhilaPallem@my.unt.edu
Last edited Mar 26, 2024
Created on Mar 25, 2024
Forked from SCATTER PLOT

This line plot visualizes the Body Mass Index (BMI) values of individuals, with each person’s name on the x-axis and their corresponding BMI on the y-axis. The chart includes interactive data points that display a tooltip with the person’s name and BMI when hovered over. Built with D3 v7, the visualization uses `d3.csvParse` to load data from a remote CSV file, `d3.scaleBand` and `d3.scaleLinear` for axes, and `d3.line` to generate the connected path. The SVG rendering includes labeled axes and circle markers, with tooltips implemented using D3’s event handling.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

AREA PLOT pca

This area chart visualizes BMI values for individuals, with each point color-coded and interactive. The chart uses D3.js v7 to fetch and parse CSV data from a GitHub gist, then renders an SVG area path and circles representing BMI readings. Users can hover over any data point to see a tooltip with the precise BMI value, which also changes the dot’s color and size. The visualization includes labeled axes for Individuals and BMI, with a light green fill for the area and responsive hover effects.

CChaturyaAkhilaPallem@my.unt.edu
86% match
Loading thumbnail…

Bar Chart-BMI

This example visualizes the Body Mass Index (BMI) of ten individuals from a CSV dataset, using a bar chart to compare each person’s BMI value. The chart shows the BMI for each name, with bars representing the numeric BMI values. The visualization is built with D3.js v7, rendering SVG elements. It uses `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the y-axis, with `d3.axisBottom` and `d3.axisLeft` to display the axes. The data is loaded from the provided CSV file, and each bar’s height reflects the BMI, colored in steel blue.

CChaturyaAkhilaPallem@my.unt.edu
78% match
Loading thumbnail…

PIE CHART pca

This example shows the distribution of BMI values from a loaded CSV dataset, categorizing individuals into underweight, normal weight, overweight, and obese groups as a pie chart. It uses D3 v7 to fetch and parse the CSV, compute category counts and percentages, and render the chart as SVG with a color scale and legend. The chart includes an interactive tooltip and highlights the proportion of each category, with the pie arc drawn using `d3.arc` and data bound through `d3.pie`.

CChaturyaAkhilaPallem@my.unt.edu
77% match
Loading thumbnail…

Line Plot of BMI vs Age

This visualization displays the relationship between age and weight from the CDC GenlHealth dataset, with each data point represented as a circle on a scatterplot. The axes are scaled linearly using `scaleLinear`, with extents calculated via `d3.extent`. Circles are appended to an SVG canvas using `selectAll` and `.join()`, with left and bottom axes generated through `axisLeft` and `axisBottom` functions. The chart fills the browser window, using the full viewport dimensions for width and height. Data loading is handled asynchronously through the `csv` function with a custom row parser that converts string values to numeric types.

RRidhima Saxena
77% match
Loading thumbnail…

Activity 6_5_Histogram_Vizualization

This histogram visualizes the average Body Mass Index (BMI) grouped by age, using a dataset loaded via D3's `csv` import. The chart employs D3 v7 APIs such as `scaleLinear`, `bin`, `axisBottom`, and `axisLeft` to bin the data, compute per-bin averages, and render axes and pink rectangular bars as SVG. The visualization also uses custom `g.selectAll('rect').join('rect')` appending and includes axis labels with rotated text.

MmNamratha25
76% match
Loading thumbnail…

Physical Health vs BMI Scatter Plot

This scatter plot visualizes the relationship between physical health and body mass index (BMI) using a dataset from Heart2020Cleaned.csv. Each blue circle with a black stroke represents an individual data point, with BMI mapped to the x-axis and PhysicalHealth to the y-axis. The visualization uses d3.v7’s `scaleLinear`, `axisBottom`, and `axisLeft` to render the axes, while circles are appended to an SVG via `selectAll` and `enter`. The code, written in plain JavaScript, also makes use of D3’s `csv` function for asynchronous data loading.

Cchandanagandla
76% match
Loading thumbnail…

People BMI 3D Scatter Plot

This example displays a 3D scatter plot of people’s Body Mass Index (BMI) using height, weight, and index values loaded from a CSV file. The plot renders pink elliptical markers in three-dimensional space, with axis titles for Height, Weight, and Index styled in brown. It uses the Plotly `scatter3d` trace type via `Plotly.newPlot` to draw the visualization, while D3’s `csv` function handles data loading and parsing. The layout configuration sets margins and custom axis title fonts.

RRupeshGandham
75% match
Loading thumbnail…

Line Chart - Project 16

This line chart shows the relationship between BMI and average blood pressure for diabetes patients, with each line representing a distinct district and colored using an ordinal scale. The visualization uses d3.line with curveBasis for smooth path rendering, d3.scaleLinear for both axes, and d3.nest to group data by district. A custom colorLegend component displays the district categories, while axis labels and a title provide context. Data comes from a CSV file hosted on GitHub, and the chart is rendered as SVG using d3.v5.

Ggayuvurukuti@gmail.com
75% match