Week Temperature

100%

Week Temperature

✓ Published1🌍 Public

Last edited May 16, 2021

Created on May 11, 2021

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.

AI-generated description

A visualization constructed using the vega-lite-api.

The data shown here comes from the UCI Machine Learning Repository: Auto MPG Data Set, via Gist: Scatter Plot with Menus.

MIT Licensed

Similar vizzes

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

84% 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

70% match

Loading thumbnail…

Covid Vaers Bar chart

This bar chart visualizes hospital stay durations for COVID-19 vaccine adverse event reports, plotting patient ages on the x-axis against days hospitalized on the y-axis. Using D3 v6 with SVG rendering, the code employs `scaleBand` for the age categories and `scaleLinear` for the hospital days, while `axisBottom` and `axisLeft` generate the labeled axes. The visualization loads data from a local CSV file and initially parses numeric fields before rendering the static chart, with commented-out rect elements suggesting potential interactive hover animations that are not active.

Aarchob

69% match

Loading thumbnail…

Vega-Lite API Template

This example shows global hospital bed counts by country, with bars colored by hospital type and sorted by value. It uses the vega-lite-api to construct a bar chart specification programmatically, then renders it with Vega-Lite and Vega. Data is loaded asynchronously via d3.csv from a GitHub-hosted CSV file. The visualization fills the browser window, using a custom dark theme and Vega Tooltip for interactive hover details.

IIris Lin

68% 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

68% match

Loading thumbnail…

The comparasion of availiable hospital beds

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.

BBo Yang

68% match

Loading thumbnail…

Fork of Stylized Bar Chart

This example visualizes the top 20 institutions with the highest number of vacant COVID beds, sorted in descending order and excluding zero values. The bar chart uses React with SVG rendering, leveraging d3-scale for band and linear scales, d3-format for tick label formatting, and d3.csv to load data from a GitHub Gist of UN World Population Prospects data. Tooltips display formatted values, while axes are built from custom React components.

Vvigneswaran009

67% match