Rustamova Malakkhanim

@Malakkhanim·2 public vizzes

Fork of Responsive Bar Chart

This fork of a responsive bar chart displays the top ten most populous countries using data from the UN population estimates for 2024. It shows the total population in thousands for each country, with a light gray inner rectangle framing the plot area. The visualization uses D3's `scaleBand` and `scaleLinear` to position bars, and the `@curran/responsive-axes` library to handle axis rendering and resizing. It also employs the `select` and `join` APIs for declarative SVG updates, with bars drawn as `rect` elements with a `mark` class.

Mar 13, 2024

Loading thumbnail…

Fork of D3 Pack Layouts

This example shows a hierarchical dataset with nested nodes (A1, B1, C1–C3, B2) displayed as a circle-packing layout, where each node’s bubble size reflects its numeric value. The code uses D3’s `d3.pack()` and `d3.hierarchy()` to compute the layout, with `rootNode.sum()` summing child values for sizing. An SVG canvas is created and sized to the container, and descendant nodes are selected for rendering. The visualization relies on D3 7.8.5 and the `index.js` module exports a `main` function that drives the layout generation and SVG setup.

Mar 13, 2024