Evilcharts
8 hours ago
- #React components
- #chart customization
- #data visualization
- Sankey charts visualize flow data using nodes and links with gradient colors and glow effects.
- The chart is a composable compound component with <EvilSankeyChart /> as the container and <Node />, <Link />, and <Tooltip /> as children.
- Interactive selection can be enabled by setting isClickable on <Node /> and using onSelectionChange callback.
- Loading state is supported via an isLoading prop that shows placeholder animations.
- Examples demonstrate customization of link variants, nodeWidth, nodePadding, and other properties.
- Labels can be displayed on nodes using <NodeLabel /> inside <Node />, with options for inside or outside placement.
- Link variants include "solid" for a single color and "source" for coloring based on source nodes.
- Glowing nodes can be added using the glow prop on <Node /> with an array of node names.