Skip to main content
SimilarExport ZIP
100%

Location Vs new_cases

✓ Published0🌍 Public
Ppemmasaniprudhvinadh
Last edited Apr 10, 2023
Created on Apr 10, 2023

This stacked bar chart visualizes the distribution of new COVID-19 cases across locations, with each bar segmented by ISO code. The chart uses D3.js for rendering, including d3.layout.stack for stacking, d3.scale.ordinal for the y-axis, and d3.legend for the color legend. Hovering over a bar displays tooltips via d3-tip, while hovering over legend entries highlights corresponding regions by fading non-selected bars. Data comes from the Global Religious Landscape dataset, though the title and columns suggest COVID-19 case counts, rendered as an SVG animation.

AI-generated description

Stacked bar chart showing estimated religion breakdown.

Interactions:

  • Hover over the bars for tool tips.
  • Hover over the legend to highlight religions.

Based on an example from the tutorial Splitting Charts. Derived from the following examples published on bl.ocks.org:

Estimated 2010 religion breakdown of the most populous 20 countries.

Data is from The Global Religious Landscape by Pew Research, generated using this processing script.

TODO: Upgrade dependencies to latest D3 & friends.

MIT Licensed

Similar vizzes

Loading thumbnail…

covid-19 bar chart

This bar chart displays total COVID-19 case counts for different countries, with bars colored using a categorical palette and labeled with case numbers. It shows tooltips on hover containing country and total case information. The visualization uses D3 v7 to build the SVG, employing `d3.scaleBand` and `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.schemeCategory10` for bar colors. The underlying data is embedded directly in the source code.

HHarinathChakali33@gmail.com
76% match
Loading thumbnail…

VIZPROJECT_p2

A bar chart displays new COVID-19 cases by country, sorted descending and colored by continent using a D3 ordinal color scale. The visualization loads sunburst.csv, parsing the new_cases field as a number, and renders SVG rectangles with the d3.csv, scaleBand, and scaleLinear APIs. Hovering over a bar triggers a styled tooltip showing the country name and case count via d3 transitions.

Jjarethodges@gmail.com
75% match
Loading thumbnail…

Untitled

This visualization displays COVID-19 total cases by location using a bar chart rendered with SVG. It loads data from a CSV file via d3.csv, then uses d3.scaleBand for the categorical x-axis and d3.scaleLinear for the y-axis, with a fixed domain of 0 to 13. The bars are drawn as rectangles with a teal fill, and axis labels are rotated for readability. The chart is built with d3.v4 within a React framework, though the core logic is plain D3 JavaScript.

Bbhargav83
75% match
Loading thumbnail…

Bar Chart

This bar chart visualizes confirmed COVID-19 cases by country and region from the Novel Corona Virus 2019 dataset on Kaggle. It shows the total confirmed count for each location using horizontal bars, with country names on the y-axis and case numbers on the x-axis. The visualization is rendered as an SVG using D3 v5, leveraging `d3.csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to map the data. The chart displays only the first two dates from the dataset, as the code parses observation dates without filtering.

Nnlp-user
75% match
Loading thumbnail…

Customized bar chart

This example presents a customized bar chart of COVID-19 case counts by U.S. jurisdiction, using data from August 2020. It displays the top ten locations ordered along the vertical axis, with horizontal bar lengths encoding total cases. The visualization is built with React and D3 v5, leveraging `scaleBand` for categorical positioning, `scaleLinear` for quantitative scaling, and `csv` for data loading. SVG rendering produces the bars, axes, and tick labels, with D3’s `format` function abbreviating large numbers (e.g., converting billions to “B”).

Rrsulli4
74% match
Loading thumbnail…

Covid-19 Data Visualization

This visualization displays total COVID-19 case counts for fourteen countries using a bar chart. Each bar’s height and value labels are mapped through d3.scaleBand and d3.scaleLinear, while d3.axisBottom and d3.axisLeft render the axes. Tooltips appear via mouseover events, and the SVG rendering includes a title and case number annotations. The data is embedded in the code as a static array, with cases formatted using the toLocaleString method.

AAbdul Kareem
74% match
Loading thumbnail…

Fork of Fork of Fork of Interactive Stacked Bar Chart

This interactive stacked bar chart visualizes the population of continents alongside their total COVID-19 cases. The chart uses `d3.scaleOrdinal` and `d3.schemeCategory10` for color mapping, with `d3.scaleLinear` and `d3.scaleBand` for axes. Hovering over the legend items, implemented via `mouseenter` and `mouseleave` events in `colorLegend.js`, highlights the corresponding religious segment while fading others. The data, from a CSV file, is processed using `flatRollup` and `stack` from D3's `d3` library.

DDivyaKota2@my.unt.edu
74% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the top 10 most populous countries based on recent COVID-19 case counts, with countries on the y-axis and today’s new cases on the x-axis. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render an SVG chart with custom tick formatting. Data is loaded asynchronously from a remote API via `d3.json`, and each bar’s length is scaled to the maximum case value. The chart includes axis labels and a title, with axes customized to remove domain lines.

Aaayushina
73% match