San Antonio Zipcode with Most Covid19 Cases

100%

San Antonio Zipcode with Most Covid19 Cases

✓ Published0🌍 Public

Last edited Apr 17, 2020

Created on Apr 14, 2020

Forked from Let's make a face with D3.js!

This example visualizes the number of COVID-19 cases across ten countries, showing the United States with the highest value. It renders a donut chart using D3 v4’s `d3.pie` and `d3.arc` with an SVG canvas. Each slice displays a tooltip on hover, showing the country name and case count, while the legend identifies colors via `d3.scaleOrdinal` and `d3.schemeCategory10`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Trabajo Final Covid19

This bar chart displays confirmed COVID-19 case counts for ten countries, with the United States leading at over one million cases. The visualization uses D3 v5’s `scaleLinear` and `scaleBand` to map case numbers to horizontal bars and country names to vertical positions, rendering as SVG. Axes are generated with `axisBottom` and `axisLeft`, with tick formatting via `format('.3s')`. Data is loaded from a CSV file, and styling is applied through external CSS, including green-filled rectangles and custom title labels.

Ppablocenfo

74% match

Loading thumbnail…

A10.wh

This visualization displays total COVID-19 cases per one million population for seven countries, comparing figures from March to September 2020 through a horizontal bar chart. A click on any bar triggers a d3-annotation label, with the U.S.A. example showing text and coordinates. Using D3 v7 with SVG rendering, the code employs `d3.scaleLinear` for the x-axis, `d3.scaleBand` for categorical country placement, and standard `d3.axisBottom`/`d3.axisLeft` axes, loading data from a local CSV file.

MMike Z

73% match

Loading thumbnail…

Pie Chart (ICE 7)

This example displays a pie chart of the top 10 countries with the most COVID-19 cases, using data loaded from a CSV file via d3.csv. The chart is rendered as SVG paths, with each segment sized by the "Total Cases" value and filled using a d3.scaleOrdinal color scale. A legend on the right pairs each country with its total, formatted in thousands (e.g., "1.234K"). The code uses d3.pie, d3.arc, and d3.select to build and position the chart.

AAashish Pandey

72% match

Loading thumbnail…

ICE 7 Pie Chart

This visualization displays a pie chart of the top 10 countries with the highest COVID-19 case counts, with each slice labeled with its corresponding value in millions. Legend entries list each country alongside its case count, and the chart uses a distinct color for each segment. The example loads CSV data from a GitHub Gist and renders the chart using D3 v5 APIs, including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for color assignment, with SVG as the output format within a React framework.

Vvegurusaiprathyusha

71% match

Loading thumbnail…

Lab 5

This interactive data visualization plots global COVID-19 confirmed cases as of May 4, 2020, using a geographic scatterplot. Each circle represents a province or country, positioned by longitude and latitude, with size and color encoding case counts via `d3.scaleSqrt` and `d3.scaleLinear`. Hovering a circle reveals a tooltip with country, coordinates, and case details. Built with D3 v7, the SVG chart reads CSV data from the CSSEGISandData GitHub repository and uses `d3.axisBottom` and `d3.axisLeft` for axes.

XXuân Vinh

71% match

Loading thumbnail…

ICE7 Pie Chart

This pie chart displays the top 25 countries with confirmed COVID-19 cases, using a categorical color scale to distinguish each nation. The visualization is rendered as an SVG with a legend listing country names and case counts in thousands. Built with D3 v5, the code uses `d3.pie` and `d3.arc` to generate segments, `d3.scaleOrdinal` for colors, and `d3.csv` to load data from a GitHub gist.

Ddheeraj1509

71% match

Loading thumbnail…

Map Visualization of COVID-19 Cases in the U.S.

This map visualizes the number of confirmed COVID-19 cases per U.S. state as of late March 2020, using a choropleth where darker shades indicate higher case counts. Hovering reveals the state name, while clicking toggles the display of case numbers directly on each state. The visualization uses D3 v4 with a `geoAlbersUsa` projection and `d3.geoPath` to render SVG state boundaries, and a `scaleLinear` maps case data from CSV files to a color range. Data originates from state health agencies, hospitals, and the CDC via the New York Times.

CChristine

71% match

Loading thumbnail…

Covid cases with menu to select country

This interactive visualization displays daily COVID-19 case counts for ten countries, with each country represented as a distinct colored line. The chart shows smoothed new cases over time, with a sidebar color legend identifying each country. The visualization uses React for component-based rendering and d3 v5 for data mapping, scales, and line generation with the curveNatural interpolation. Data comes from the COVID MAY Dataset, loaded via d3.csv, and is rendered as SVG paths with axis components built from d3 scale ticks.

Qqcuong96

71% match