@r42visuals/core-visuals

A collection of data visualization components for modern web applications.

Installation

npm install @r42visuals/core-visuals

Usage

import { voronoiTreemap } from '@r42visuals/core-visuals'

// Test data
const testData = [
  { group: 'A', subgroup: 'A1', value: 10 },
  { group: 'A', subgroup: 'A2', value: 15 },
  { group: 'B', subgroup: 'B1', value: 20 },
];

// Create a voronoi treemap
voronoiTreemap.create(
  testData,
  {
    levelKeys: ['group', 'subgroup'],
    xAccessor: 'value'
  },
  {}, // default styles
  container // HTML Element or string with id (example: "visual")
)

Available Visualizations

Voronoi Treemap

Hierarchical data visualization using voronoi tessellation.

Density Map

Density-based spatial visualization.

Documentation

Full documentation and examples available at: https://core-visuals.r42.ca

License

MIT