Fork of Hospital Readmission Rates

100%

Fork of Hospital Readmission Rates

✓ Published0🌍 Public

Last edited Sep 1, 2025

Created on Sep 1, 2025

This example displays a fork of a hospital readmission rates visualization, loading data from a CSV file and rendering it as raw JSON text. The code uses D3 v7 to fetch and parse the CSV with `d3.csvParse`, converting "Not Applicable" values to NaN and numeric fields to numbers. State management is handled through a custom `setState` function, with the visualization updating whenever data changes. The implementation shows how to progressively load and process tabular healthcare data, preparing it for eventual graphical display.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Basic Scatter Plot with React & D3

A React and D3 scatter plot visualizes hospital readmission metrics across U.S. states, comparing the number of hospitals performing worse versus better than the national average for each measure. The code loads CSV data, converts non-numeric values to NaN, and filters out invalid points before rendering circles with d3.scaleLinear. The `viz` function uses `selectAll` and `data().join()` to bind points, with padding applied to the x and y axes. The dataset comes from CMS hospital readmission rates per state.

RRyan Offstein

82% match

Loading thumbnail…

Hospital Readmission Rates

This visualization displays hospital readmission rates across U.S. states, comparing each state’s hospital performance to national averages for various conditions like heart failure and pneumonia. The data, sourced from CMS, is loaded via `fetch` and parsed with `csvParse`. The view renders the raw parsed data as JSON text using D3’s `select` and `join` methods, with non-applicable values converted to NaN. It provides a direct, unprocessed look at the dataset’s structure and numeric fields.

RRyan Offstein

79% match

Loading thumbnail…

Fork of Loading and Parsing CSV Data

This example demonstrates loading and parsing a CSV dataset of COVID-19 vaccination trends in the US, displaying a summary of the data‘s size, row count, and column count. The visualization uses d3.csv to fetch and parse the data from a GitHub Gist, then formats the statistics with d3.csvFormat. The code also includes commented-out alternatives using the Fetch API with async/await and d3.csvParse, illustrating different approaches to asynchronous data loading in D3 v5.

Ccshm407

77% match

Loading thumbnail…

Fork of Fork for plotting tree

This example displays a hierarchical tree visualization of hospital emergency room data, organized by department referral and showing individual patient details. Using D3.js v7, it fetches CSV data from a GitHub repository, transforms the flat records into a nested structure, and renders the result as an SVG tree layout. The visualization employs `d3.csv`, `d3.hierarchy`, and `d3.tree` to position nodes, with `d3.linkHorizontal` generating curved links between parent and child elements. Each patient node branches into leaf nodes for attributes like gender, age, date, and wait time.

BBALAJI MANDAVA

76% match

Loading thumbnail…

Fork of Bar_Plot

This visualization is a horizontal bar chart showing the number of patients received by the top 10 hospitals in 2024. The bars, rendered as steelblue rectangles, display the patient count for each hospital, with hospital names listed along the y-axis and a scaled x-axis showing patient numbers with tick marks. The code uses React for component structure and state management, with d3.csv to load data from a remote CSV file, d3.scaleBand for the y-axis categories, and d3.scaleLinear for the x-axis values, alongside d3.axisBottom and d3.axisLeft helpers. The visualization is built as a single SVG within a React app, with margins and dimensions hardcoded.

Llathabemanadham@my.unt.edu

75% match

Loading thumbnail…

Fork of Loading and Parsing CSV Data with D3.js

This example demonstrates how to load and parse a CSV file using D3.js version 7, displaying the dataset’s size, row count, and column count on a webpage. It uses `d3.csv()` to fetch a remote mental health dataset, calculates the file size in kilobytes with `d3.csvFormat()`, and renders the summary alongside a decorative SVG image. The page is built with HTML and CSS, featuring a styled table and a centered layout with a light blue background.

AAnanyaSamala

75% match

Loading thumbnail…

Fork of Loading Data - Diabetes Data

This example loads a diabetes dataset from a CSV file and displays its raw contents as a JSON-formatted text block. The visualization focuses on the data-loading process, using a state machine to transition from an undefined state to a loading state and finally to the parsed data. The code parses the CSV using D3’s `csvParse` function and converts numeric fields from strings to numbers. The data, sourced from Kaggle, is rendered by fetching the file and displaying the parsed array in a `<pre>` element.

Rrpkupfer@wpi.edu

75% match

Loading thumbnail…

Fork of Data set: Loading and Parsing CSV Data with D3.js

A visualization demonstrates how to load and parse CSV data with D3.js, displaying the resulting dataset's size, row count, and column count in a styled HTML page. The example uses the `d3.csv` API to fetch data from a remote GitHub gist URL and processes it with `d3.csvFormat` to calculate the data size in kilobytes. The page includes custom CSS styling for headings and message text, alongside an embedded SVG image (City.svg) displayed below the data summary.

PPallaviManupati

75% match