PierreLrnt

@PierreLrnt·3 public vizzes

fresh block

This visualization is a bubble chart that plots countries by wealth (GDP per capita, on a logarithmic x-axis) against health (life expectancy at birth, on a linear y-axis). Each circle’s radius encodes population using a square-root scale, while its color maps the continent via an ordinal scale with the `d3.schemeCategory10` palette. The SVG is rendered with D3 v4, using `d3.axisBottom` and `d3.axisLeft` for labeled axes, and the data is loaded from a CSV with `d3.csv`.

Jun 23, 2017

Loading thumbnail…

fresh block

A bubble chart maps life expectancy against GDP per capita, with each circle sized by population and colored by continent, using data from a `recent.csv` file. The SVG visualization employs `d3.scaleLog` for the x-axis, `d3.scaleLinear` for the y-axis, `d3.scaleSqrt` for circle radii, and `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, sorted by descending population. Axis labels are added via `d3.axisBottom` and `d3.axisLeft`.

Jun 23, 2017

Loading thumbnail…

fresh block

This example plots three countries as circles on a yellow SVG canvas, positioning each by health (y-axis) and wealth (x-axis). Circle size encodes population, while color reflects continent using a d3.scaleOrdinal mapping Europe and Asia to red and green. The visualization uses d3.scaleLinear for health, d3.scaleLog for wealth, and d3.scaleSqrt for population, applied to circles appended to the SVG. The data is from a hardcoded array containing country names, populations, health scores, wealth values, and continent assignments.

Jun 16, 2017