The comparasion of availiable hospital beds

100%

The comparasion of availiable hospital beds

✓ Published0🌍 Public

Last edited Nov 29, 2021

Created on Sep 11, 2021

This interactive donut chart compares available hospital beds across five Ohio regions, toggling between Critical Bed and Med/Surg Bed categories via radio buttons. Built with D3.js, it uses `d3.pie` and `d3.arc` to generate the arcs, with a legend of colored dots and labels. The visualization animates transitions between datasets using `transition.attrTween` and an arc interpolation function, while the SVG renders the chart and legend from a local JSON data source.

AI-generated description

The comparasion of availiable hospital beds

MIT Licensed

Similar vizzes

Loading thumbnail…

Hospital Capacity in Ohio

This visualization shows hospital capacity across Ohio counties, comparing the number of beds in use against total capacity for both critical care and medical/surgical units. A grouped bar chart uses `d3.scaleBand` for counties and bed types, with `d3.scaleLinear` for the y-axis and `d3.scaleOrdinal` for color encoding. The data comes from `data2.csv`, rendered as SVG rectangles via D3 v5, with axis labels and a manually constructed legend.

BBo Yang

79% match

Loading thumbnail…

Stylized Bar Chart with Menus success

This interactive bar chart displays the top 20 hospitals by number of vacant COVID-19 beds, sourced from a CSV file of Covid Bed Status data. Users can switch the x-axis metric among three attributes—Total ICU Beds, Total COVID Beds, and Total COVID Vacant—via a dropdown menu. The visualization is rendered as an SVG using React components, with D3.js handling scales, axes, and data binding through functions like `scaleBand`, `scaleLinear`, and `csv`. Styled with the Poppins font, the chart updates reactively to the selected attribute.

Vvigneswaran009

74% match

Loading thumbnail…

Stylized Bar Chart with Menus

This example presents a stylized bar chart ranking the top 20 institutions by the number of vacant COVID beds, with interactive dropdown menus to switch between metrics such as total ICU beds, total COVID beds, and vacant COVID beds. Built with React and D3 v5, the visualization uses `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis, rendering SVG bars that display tooltips on hover. The chart loads data from a CSV file via `d3.csv`, sorts it in descending order, and slices the top 20 entries. Styling employs the Poppins font and a custom color scheme for the marks and axes.

Vvigneswaran009

71% match

Loading thumbnail…

Empty Covid beds - Salem

A bar chart displays the number of vacant COVID-19 beds across hospitals in Salem, India, using horizontal bars sorted in descending order. The chart shows only the top 20 institutions with non-zero vacant bed counts, with each bar labeled by hospital name and the x-axis representing the count in thousands. Built with React and D3 v5, it uses `d3.scaleBand` for the categorical y-axis, `d3.scaleLinear` for the numeric x-axis, and SVG elements for rendering. Data comes from a CSV sourced from the United Nations World Population Prospects 2019, though adapted for COVID bed counts.

Vvigneswaran009

70% match

Loading thumbnail…

ice-6

This horizontal bar chart compares the number of ICU available beds against confirmed COVID-19 patients for the top ten states. The visualization uses React hooks with D3 v5 scales, rendering SVG rectangles whose widths represent patient counts, with axis ticks and red gridlines positioned via scaleLinear and scaleBand. Data is loaded asynchronously from a GitHub-hosted CSV file using d3.csv.

HHarishkumar1606

70% match

Loading thumbnail…

Bubble chart

This bubble chart visualizes healthcare facility data, plotting the number of beds on the x-axis against average rating on the y-axis, with bubble size representing the number of doctors. Each point uses the `d3.scaleSqrt` function to map doctor counts to circle radii, creating a clear proportional comparison. The chart renders with SVG circles and D3.js axes, displaying a title and axis labels. It reads the data from a CSV file and updates the visualization asynchronously. The tooltip and hover effects provide interactivity, highlighting individual data points on demand.

JJayanthKumarkoni

68% match

Loading thumbnail…

Week Temperature

This bar chart displays the total covid bed availability across Salem Hospital names, with the y-axis representing total covid beds and color encoding indicating vacant beds. The visualization uses the vega-lite-api to construct the specification, with d3.csv loading data from a Gist-hosted CSV file. A tooltip reveals the total vacant beds for each hospital on hover.

Vvigneswaran009

68% match

Loading thumbnail…

Visualization

This interactive scatter plot visualizes patient mortality probability at Beth Israel Deaconess Medical Center, using age, ICU length of stay, and predicted mortality from anonymized MIMIC ICU data. Dots are colored by ICU unit, with size reflecting length of stay, and hovering reveals tooltips with patient details. The view supports zooming and panning via `d3.behavior.zoom`, with a legend that filters dots by care unit on click, including toggling between deceased (filled) and surviving patients. Built with D3.js, the chart displays SVG circles and axes, with buttons to reset zoom or switch the x-axis to length of stay.

AAndresAnayaIsaza

67% match