Components
Neon Line Chart
Recharts-powered line/area chart with neon glow strokes, gradient area fills, multi-series support, and a corner-cut tooltip.
npx neonblade add neon-line-chartSingle series — area (default)
Multi-series — cyan + pink
Step curve — line only, high glow
Minimal — no axes, pink
Props Configuration
| Prop | Type | Default | Description |
|---|---|---|---|
data | NLCDataPoint[] | - | Array of data objects keyed by xAxisKey + series dataKeys. |
series | NLCSeries[] | - | One or more line series. Omit and use dataKey + color for a single series. |
dataKey | string | "value" | Shorthand dataKey when using a single series. |
color | "cyan" | "pink" | "green" | string | "cyan" | Shorthand neon accent color for a single series. |
label | string | - | Shorthand legend/tooltip label for a single series. |
xAxisKey | string | "name" | Key in data used for X axis labels. |
height | number | 260 | Chart height in px. |
area | boolean | true | Show a gradient-filled area under each line. |
dots | boolean | false | Render dot markers on each data point. |
grid | boolean | true | Show a subtle neon grid behind the chart. |
legend | boolean | false | Show a series legend below the chart. |
strokeWidth | number | 2 | Line stroke width in px. |
glowIntensity | "none" | "low" | "medium" | "high" | "medium" | Neon drop-shadow glow on the line stroke. |
curve | "monotone" | "linear" | "step" | "stepAfter" | "stepBefore" | "basis" | "monotone" | Recharts curve interpolation type. |
showYAxis | boolean | true | Show Y-axis tick labels. |
showXAxis | boolean | true | Show X-axis tick labels. |
className | string | - | Additional className on the wrapper div. |