Testing jStat

100%

✓ Published1🌍 Public

Last edited Dec 9, 2020

Created on Dec 8, 2020

This visualization displays average hemoglobin levels by sex, with each horizontal bar showing the mean and a 95% confidence interval computed using the `jStat.tci` function. The chart uses React and D3 v6, with `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis, rendered as SVG through a reusable `VizContainer`. Data is loaded from a CSV file via `d3.csv`, and the bars include optional confidence-interval lines that are drawn from the lower to upper bound of the interval.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Testing jStat

This visualization displays two categories of data across weeks using a grouped bar chart. The code loads JSON data representing mating and conception values, then renders them as steelblue bars using D3 scales and axes within a React component. The example demonstrates a practical application of the jStat library for statistical analysis, though the current rendering only shows raw data values rather than computed statistics. The SVG-based visualization uses D3 version 6 for scales, axes, and bar positioning, with React managing the component lifecycle and rendering updates.

WWittawat Sadindum

75% match

Loading thumbnail…

Test Plot

This stacked bar chart visualizes health condition counts across racial groups using CSV data from health_indicators_2019.csv. The d3.stack() function layers conditions as colored segments, with d3.scaleBand, d3.scaleLinear, and d3.scaleOrdinal handling positioning and colors. Rectangles are appended to SVG groups, while mouseover, mousemove, and mouseleave events trigger a simple HTML tooltip displaying each segment’s count.

Aaveryfairbanks

70% match

Loading thumbnail…

Assignment 5 - Prototype 1

This visualization shows the relationship between patient sex and resting heart rate, displaying the average maximum heart rate for each sex as colored bars. A bar chart is used, with pink bars representing female patients and steelblue bars representing male patients. The data comes from a CSV file loaded via `d3.csv`, and the visualization is built using React with D3 v7, leveraging `d3.scaleBand`, `d3.scaleLinear`, and `d3.group` to aggregate and scale the data before rendering.

AAbhi Yammanuru

70% match

Loading thumbnail…

Testes D3

This example uses D3 v6 within a React project to render a simple bar chart of population data from a CSV file. It loads data.csv with `d3.csv`, converts population values to numbers, and draws SVG rectangles using `scaleLinear` and `max` to map population counts to bar widths. The bars are appended to an SVG element, with fixed heights of 300 pixels, and the chart is rendered without axes or labels, showing only the proportional widths of the five countries.

Ggcostaflex

70% match

Loading thumbnail…

Testes D3

This example shows a bar chart of population data for ten countries, with bars extending horizontally from the left edge of the SVG. The code loads a CSV file containing country names and population figures, converts the population values to numbers and multiplies them by 1000, then scales the data linearly to fit the width of the SVG. It uses D3 v6 methods like `select`, `csv`, `scaleLinear`, `max`, and `scaleBand` (though `scaleBand` is imported but not used), appending rectangles with heights of 300 pixels via SVG rendering.

Ggabrieln97

70% match

Loading thumbnail…

Bar Chart Using CDC Data Describing Height for Males vs. Females

This bar chart visualizes CDC data on height by gender, showing the distribution of heights for males versus females using horizontal bars. The chart is rendered with D3 v7’s `scaleLinear` and `scaleBand` for axes, with `axisLeft` and `axisBottom` for tick marks, and SVG rectangles for the bars. Data is loaded from a CSV file using `d3.csv` and processed to numeric values. The visualization uses a simple steelblue fill and a fixed margin layout.

RRidhima Saxena

69% match

Loading thumbnail…

Weight Treatment Data Visualization

This example visualizes average weight differences before and after treatment, grouped by gender, using diverging blue and pink bars. It builds a React component that loads CSV data via `d3.csv`, nests and aggregates it with `d3.nest` and `d3.mean`, then renders an SVG bar chart with `d3.scaleBand` and `d3.scaleLinear` scales. Axes are drawn using `d3.axisBottom` and `d3.axisLeft` via refs, while the bar heights encode positive and negative weight changes relative to a zero baseline.

Ssyedhaliz

69% match

Loading thumbnail…

Testing Link Data

This example displays a horizontal bar chart of country populations, using React to render SVG rectangles within a D3-powered coordinate system. The data is loaded asynchronously from a CSV file via `d3.csv`, then transformed with `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. The chart shows only the first ten rows of the dataset, with bar widths proportional to the population values. Loading state is handled with a simple text display while the data is being fetched.

BBrian Machado

69% match