Skip to main content
SimilarExport ZIP
100%

customising axes

✓ Published1🌍 Public
JJames Malvern
Last edited Mar 5, 2021
Created on Mar 2, 2021

This horizontal bar chart displays the 7-day incidence of COVID-19 per 100,000 population across German federal states as of March 2, 2021, with data from the Robert Koch Institute. The visualization highlights state rankings from Thuringia (125) down to Schleswig-Holstein (50). Using D3 v5 with SVG rendering, the code employs `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. Custom axis formatting applies `format('.3s')` to tick labels and removes domain lines, while `axisLeft` and `axisBottom` generate the axes.

AI-generated description

This bar chart shows the number and cumulative incidence (per 100,000 population) of laboratory-confirmed COVID-19 cases for each federal state electronically reported to the Robert Koch Institute (RKI), Germany (02/03/2021, 12:00 AM) here.

MIT Licensed

Similar vizzes

Loading thumbnail…

Customizing Axes

This bar chart displays COVID-19 infection rates per 100,000 people for the most affected U.S. counties, with values sourced from Statista (2020). It shows how cases are distributed among ten counties, using a custom-formatted x-axis that abbreviates large numbers with a capital "K". The visualization uses d3.scaleLinear and d3.scaleBand for axes, and d3.axisLeft/d3.axisBottom for custom tick marks and labels. The code removes default axis lines, adds custom tick styling with d3.format, and annotates the chart with a title and axis label. Bars are rendered as SVG rectangles with a blue fill.

Mmla341
80% match
Loading thumbnail…

Current incidence of laboratory-confirmed COVID-19 deaths per 100,000 population for each federal state in Germany, as electronically reported to the Robert Koch Institute (28/02/2021)

This horizontal bar chart visualizes the cumulative incidence of laboratory-confirmed COVID-19 deaths per 100,000 population across Germany’s 16 federal states, based on data reported to the Robert Koch Institute on 28 February 2021. State names appear on the y-axis and incidence values on the x-axis, with bars colored steel-blue. The chart is built using D3 v5, employing `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and the `axisLeft` and `axisBottom` functions to render axes, with data loaded from a CSV file.

JJames Malvern
79% match
Loading thumbnail…

Customising Axes

A bar chart displays new COVID-19 cases by English region on August 12, 2020, using data from coronavirus.data.gov.uk. The visualization uses D3 v6 with SVG rendering, employing `scaleLinear` and `scaleBand` to map case counts and region names, while `axisLeft` and `axisBottom` generate the chart’s axes. Rectangles are appended via a data join, with a custom Xanh Mono and Roboto Mono font styling and dotted green outlines on each bar.

Bbicyclecode
79% match
Loading thumbnail…

Fork of Customizing Axes

This bar chart displays total COVID-19 vaccinations for 16 European countries, using data from a CSV file. The visualization demonstrates custom axis styling with D3 v5, including a horizontal grid, formatted tick labels that convert G to B for billions, and a custom title and axis label. It uses `d3.scaleLinear`, `d3.scaleBand`, `d3.axisBottom`, and `d3.axisLeft` to render the SVG chart, with bars colored via CSS.

Ssofigg
76% match
Loading thumbnail…

Customizing Axes

This bar chart tracks new confirmed COVID-19 cases in Alameda County by date, using data from a local public health dataset. The visualization emphasizes the customizable nature of D3 axes, with rotated date labels, a formatted time axis, and horizontal gridlines extending from the y-axis. Built with D3 v5, it uses `scaleBand` for the x-axis, `scaleLinear` for the y-axis, and `axisBottom` and `axisLeft` with custom tick formatting via `timeFormat`. The SVG rendering includes an axis label, a rotated title, and blue bars sized by `xScale.bandwidth()`.

KKatrina Kalantar
76% match
Loading thumbnail…

Customizing Axes

This bar chart displays the top 10 most COVID-infected countries, using 2018 population estimates from the United Nations World Population Prospects. The visualization uses d3.scaleLinear and d3.scaleBand to map case counts and country names, with d3.axisLeft and d3.axisBottom for custom axes. The code formats tick labels using d3.format, removes default axis lines, and appends custom text labels for the chart title and axis caption.

SSUPERMAN79355
75% match
Loading thumbnail…

Customizing Axes

This bar chart shows the incubation distribution of cases over days, with a linear x-axis for case numbers and a banded y-axis for day values. It demonstrates custom axis styling by removing domain lines, adding rotated and formatted labels, and using a custom tick format that abbreviates large numbers. Built with D3 v5, the visualization uses `scaleLinear`, `scaleBand`, `axisBottom`, `axisLeft`, and `format`, rendering SVG rectangles from `data2.csv` with steelblue fills and customized tick text.

LLakshmi9666
74% match
Loading thumbnail…

Fork of Fork of Fork of Bar Chart + Axis customisation

A horizontal bar chart displays total COVID-19 cases for eleven countries, using a linear gradient fill and customized axes. The visualization employs D3 v6 with `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render SVG bars, while tick labels use a text gradient and formatted numbers via `d3.format`. Data comes from a CSV file containing country names and case totals. The chart includes a title and axis labels, with gridlines removed from the axes.

YYash_Mistry
74% match