rv-nath

@rv-nath·3 public vizzes

map app

This map app displays world country boundaries using a Mercator projection. It loads geographic data from the World Atlas TopoJSON file via `d3.json`, converts it to GeoJSON with `topojson.feature`, and renders each country as an SVG path using `d3.geoPath` with `d3.geoMercator`. The fixed 900x400 SVG canvas shows the full projection without interactivity or styling beyond default black strokes on a transparent background.

Jul 5, 2023

Loading thumbnail…

fruitbowl - enter | update | exit

Five apples appear as circles that expand from zero radius. One apple is then removed from the end, causing its circle to disappear, while the middle apple changes color and shrinks into a lemon shape. The example uses D3 v7 data joins with `selection.data`, `enter` and `exit` selections, and `transition.attrTween` to animate radius and fill changes.

Jul 2, 2023

Loading thumbnail…

simple barchart exploration

This example displays the top 10 most populous countries as a horizontal bar chart, with country names on the y-axis and population values on the x-axis. The visualization uses D3 v7 with SVG rendering, employing `scaleLinear` and `scaleBand` for scales, `axisLeft` and `axisBottom` for axes, and `csv` to load population data from a local file. The bars are colored steelblue, and the population is formatted with a custom tick formatter that abbreviates large numbers.

Jul 1, 2023