acharlton21@proton.me

@rxctionzz·2 public vizzes

Fork of Globe with Panning & Zooming

This example shows an interactive orthographic globe that can be panned by dragging and zoomed with the mouse wheel. A graticule and country outlines are rendered over a sphere outline, with the map data loaded from a TopoJSON world atlas. The code uses `d3.geoOrthographic` for the projection and `d3.geoPath` for drawing, while `d3.drag` and `d3.zoom` handle the user interactions, updating the rotation and scale state accordingly.

Aug 3, 2024

Loading thumbnail…

Fork of Stylized Bar Chart

This interactive bar chart displays the top 10 most populous countries in 2020 from United Nations World Population Prospects 2019 data, loaded via D3’s `csv` function. Rendered as an SVG using React, the visualization uses `scaleBand` for the categorical y-axis and `scaleLinear` for the numerical x-axis, with a Poppins font and custom color styling. Tooltips appear on hover via SVG `<title>` elements. The code imports `AxisBottom`, `AxisLeft`, and `Marks` from separate files, and formats axis tick labels using `d3.format`.

Aug 3, 2024