Wittawat Sadindum

@wsadindum·2 public vizzes

Fork of React + D3 Viz Starter

This example presents a React starter template for integrating D3 visualizations within a margin-convention layout. The `VizContainer` component abstracts the SVG and group elements, optionally rendering gray background rectangles to highlight the margins. The visible visualization is a simple bar chart generated by the `barChart` function, which uses `d3.create` and `d3.selectAll` to render div elements with steelblue backgrounds sized proportionally to each data value. The app mounts via `ReactDOM.render`, and the code relies on CDN-loaded React 16 and D3 v6.

Mar 21, 2022

Loading thumbnail…

Fork of Testing jStat

This visualization displays two categories of data across weeks using a grouped bar chart. The code loads JSON data representing mating and conception values, then renders them as steelblue bars using D3 scales and axes within a React component. The example demonstrates a practical application of the jStat library for statistical analysis, though the current rendering only shows raw data values rather than computed statistics. The SVG-based visualization uses D3 version 6 for scales, axes, and bar positioning, with React managing the component lifecycle and rendering updates.

Mar 15, 2022