swapnil

@astakala-swapnil·2 public vizzes

textured pie chart

This example shows a textured pie chart that visualizes data from a CSV file containing postal codes. The chart uses D3.js version 4 to compute the pie layout with `d3.pie()` and render each slice as an SVG path via `d3.arc()`. Distinct geometric patterns—hexagons, crosses, caps, woven, and waves—are applied to the slices using the Textures library’s `textures.paths()` API, combined with a custom color scale. The data is fetched asynchronously from `postalCodes.csv` using the Fetch API.

May 24, 2020

Loading thumbnail…

textured pie chart

This textured pie chart displays five categorical values using distinct geometric fill patterns. Built with D3.js v4 and the textures.js library, it applies five different path-based patterns—hexagons, crosses, caps, woven, and waves—to separate slices. Each slice uses an ordinal color scale with a black stroke, and the pie layout is generated via the `d3.pie` and `d3.arc` APIs. The SVG rendering shows how texture can supplement color for improved readability and accessibility.

May 24, 2020