Fork of Bar chart

100%

Fork of Bar chart - covid19

✓ Published0🌍 Public

Last edited Jan 13, 2021

Created on Jan 13, 2021

A scatterplot displays the relationship between agricultural employment and fertility across 47 Swiss provinces, with each circle representing a province. The chart reveals a negative correlation, as fertility tends to decrease as the percentage of males in agriculture rises. Built with d3.v6, the visualization uses `scaleLinear` for axes, `axisBottom` and `axisLeft` for ticks, and `csv` for data loading. The SVG rendering includes labeled axes, a title, and gridlines, with data sourced from the OPR Data Archive.

AI-generated description

Standardized fertility measure and socio-economic indicators for each of 47 French-speaking provinces of Switzerland at about 1888. Source: OPR Data Archive.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of A scatter plot comparing EU fertility rate with urban population %

This scatter plot visualizes the relationship between EU countries' fertility rates and their urban population percentages, with each data point labeled by country name. The visualization uses D3 v7’s `scaleLinear`, `axisLeft`, and `axisBottom` to map the CSV data—sourced from a GitHub gist—to SVG circles and text elements. The plot fills the entire browser window, with axes positioned at the chart’s margins and salmon-colored country labels offset for readability. Data parsing converts string values to numbers for accurate scaling and positioning.

HHieuVu179

72% match

Loading thumbnail…

This bar chart visualizes the number of migrants per country, with bar heights encoding the values on a linear scale. The chart uses D3 v6 to load CSV data, create band and linear scales, and render SVG axes and rectangles. Interactive mouseover events change bar colors from steel blue to orange, with a smooth transition on mouseout. The data originates from a remote CSV file, and the visualization is built entirely with D3’s selection, scale, and axis APIs.

Ssucotton9

71% match

Loading thumbnail…

Fork of scatter

This bar chart visualizes population data for ten countries from a CSV file. The chart clearly displays each country's population count through horizontal bars, with a labeled x-axis for population. Built with D3 v5, the code imports specific functions like `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the SVG visualization. The chart applies a custom tick format to abbreviate large numbers, and the rendered output is presented as a static SVG graphic.

YYanxxx447

70% match

Loading thumbnail…

Countries Scatter plot

A scatter plot displays the relationship between fertility rate and urban population for 50 countries, with each circle representing a nation. The chart uses D3.js to create a linear x-scale for fertility rate and a reversed linear y-scale for urban population percentage. Grid lines extend from both axes, and axis labels clarify the variables. Data comes from a CSV file parsed with `d3.csv`, while the visualization is rendered as an SVG with circles styled in semi-transparent purple.

Aarieltonglet

70% match

Loading thumbnail…

Fork of barGraph

This fork of a bar chart visualizes population data from a CSV file, displaying each country as a circle on an SVG canvas. The chart uses D3 v5, loading data via the `csv` function and manipulating SVG elements through the `select` API. Hovering over a circle turns it black, as defined in the CSS. The visualization presents the dataset without additional encoding, showing raw data points for each country.

MMathieuZenone

70% match

Loading thumbnail…

Fork of barGraph

This visualization combines a bar chart and scatterplot overlay to display 2022 population data for countries, with interactive sorting buttons that reorder the data ascending or descending. The bars and circles transition smoothly using D3’s `.transition().duration()` methods, while hovering reveals tooltips with country and population details. Data is loaded via `d3.csv` from a local CSV file and rendered as SVG, with axes constructed using `d3.scaleBand`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`.

Jjmkdev9

70% match

Loading thumbnail…

Fork csv data

A bar chart visualizes population growth per year from a small CSV dataset, with red rectangles representing values and a 24-pixel text label reading "XYZ Foods Stock Price." The chart uses D3 v5 to load the data via `d3.csv`, parse population values as numbers, and render SVG rectangles. Scales are created with `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the y-axis, though the width and height attributes are set directly from raw data values, resulting in a sparse, incomplete layout.

CCecilia831

70% match

Loading thumbnail…

Fork of barGraph

This visualization combines a bar chart and scatter plot overlay to display 2022 population data for countries, with each circle positioned atop its corresponding bar to highlight population values. Users can sort the data ascending or descending via buttons, triggering animated transitions. The chart uses D3 v5 with `scaleBand` and `scaleLinear` axes, `axisLeft` with negative tick sizes, and `transition` for smooth updates. Data comes from a CSV file, rendered as SVG with tooltips showing country and population on mouseover.

Zzeyneb.mhamedi@gmail.com

70% match