Skip to main content
SimilarExport ZIP
100%

Line Chart - Project 16

✓ Published1🌍 Public
Ggayuvurukuti@gmail.com
Last edited Apr 30, 2023
Created on Apr 29, 2023

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.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

MIT Licensed

Similar vizzes

Loading thumbnail…

Area Chart - DV - Project

This is an area chart built with React and D3 v5, visualizing the relationship between BMI and Blood Pressure from a CSV dataset of diabetic patients. The chart uses D3's `scaleTime` and `scaleLinear` for axes, and `line` and `area` generators with a basis curve to draw a smooth line and a green filled region beneath it. Axis labels and tick lines are styled via CSS, and the SVG is updated dynamically after parsing the data with `csv`. The chart shows how blood pressure varies with BMI, highlighting a trend across the data points.

HHema1430
84% match
Loading thumbnail…

Fork of Line Chart - Project 16

This visualization shows the relationship between glucose levels and BMI across countries, with each line representing a country's trajectory through the dataset. The chart uses a D3 line generator with curve basis to create smooth paths, scales from d3.scaleLinear for both axes, and d3.scaleOrdinal with schemeCategory10 for color encoding. Data is loaded from a CSV file using d3.csv, nested by country with d3.nest, and rendered as SVG. A custom colorLegend component displays the categorical color mapping.

Aav.dj.2000@gmail.com
82% match
Loading thumbnail…

Fork of Area Chart - DV - Project

This visualization shows the relationship between BMI and average blood pressure across many countries, with data points smoothed into a single line and area chart. The implementation uses D3 version 5 within a React application, leveraging `scaleLinear`, `line()`, `area()`, and `curveBasis` to construct the SVG paths. The chart renders from a CSV file containing health metrics, with axes labeled and styled. The line and area are drawn as black and light green SVG paths, respectively, with a vertical axis showing average blood pressure and a horizontal axis for BMI.

Aav.dj.2000@gmail.com
81% match
Loading thumbnail…

Scatter Plot - Project 16

This scatter plot visualizes a diabetes dataset, mapping glucose levels on the x-axis against BMI on the y-axis, with each point colored by outcome (red for positive, green for negative). It also encodes insulin and blood pressure values into the `rx` and `ry` attributes of the circles, creating elliptical markers. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the axes. Data is loaded asynchronously via `d3.csv` from a GitHub gist URL, with a custom row parser converting numeric fields.

Ggayuvurukuti@gmail.com
80% match
Loading thumbnail…

line Chart

This line chart visualizes the relationship between age and the mean diabetes outcome, revealing how the average outcome varies across different ages. The data comes from a diabetes dataset loaded via `d3.csv` and processed with `d3.rollup` to calculate mean outcomes per age group. The visualization uses D3 v7’s `scaleLinear`, `axisBottom`, `axisLeft`, and `line` APIs within a React-compatible SVG rendering, styled with the Poppins font on a teal background. The chart includes rotated x-axis labels and axis titles for clarity.

Vvedasrivarma13@gmail.com
78% match
Loading thumbnail…

3D Scatter Plot with Diabeties Dataset

This 3D scatter plot visualizes the Diabetes dataset, showing the relationship between Glucose, BMI, and BloodPressure as marker positions along three axes. The example uses two overlapping scatter3d traces to create a two-layer point effect with a semi-transparent outer layer and a solid inner core. The data is loaded from a CSV file using d3.csv, and the interactive plot is rendered in a styled HTML container via Plotly's newPlot function. Axes are explicitly labeled with their corresponding variable names, and the chart uses a high opacity with a subtle border line for each marker.

PPriyaEnuganti
78% match
Loading thumbnail…

Untitled

This bar chart displays the average BMI across different age groups from a heart disease dataset. It uses D3 v4 to render the SVG visualization. The code reads the data from a CSV file, scales the values, and applies D3's `scaleBand` and `scaleLinear` to position and size the bars. The chart includes a title, axis labels, and a legend.

Aabhi7r
76% match
Loading thumbnail…

Untitled

This bar chart displays the average BMI across different age groups from a heart disease dataset. It uses D3 v4 to render the SVG visualization. The code reads the data from a CSV file, scales the values, and applies D3's `scaleBand` and `scaleLinear` to position and size the bars. The chart includes a title, axis labels, and a legend.

Aabhi7r
76% match