Lucas

@lucas-langa·2 public vizzes

Example of visualizing resolved issues

This example visualizes resolved issues across South African metropolitan areas, using horizontal bars to show the percentage of issues resolved this month. The chart employs D3 v5 with SVG rendering, featuring a flipped bar orientation via CSS transforms and animated width transitions. It uses `scaleLinear` and `scaleBand` for axes, with custom tick formatting for population values. The React framework is referenced in the README, while the visualization itself is built with vanilla D3 and JavaScript.

Dec 11, 2020

Loading thumbnail…

React Starter

A React starter template renders a static "Hello React!" message. The example demonstrates the minimal setup for a React-based visualization project, using `ReactDOM.render` to mount a functional `App` component into the `root` div. It imports React 16.13.1 and ReactDOM from UMD builds, with all styling handled by a CSS class. The code shows the basic structure for integrating React with a visualization library, though it does not yet include any data or charting logic.

Dec 11, 2020