Basic Graphs
This guide covers the core features of Graphika with interactive examples.
Your First Graph
Create a simple graph with two data series:
Render Time0 ms
Canvas Size600 × 350
Data Points0
Series Count0
Line Styles
Graphika supports two line styles: solid (default) and dashed.
Render Time0 ms
Canvas Size600 × 350
Data Points0
Series Count0
Interpolation Modes
Choose between linear (straight lines) and cubic (smooth curves):
Render Time0 ms
Canvas Size600 × 350
Data Points0
Series Count0
Point Annotations
Enable annotatePoints to draw circles at each data point:
Render Time0 ms
Canvas Size600 × 350
Data Points0
Series Count0
Area Fills
Fill the area under a line using the area option:
Render Time0 ms
Canvas Size600 × 350
Data Points0
Series Count0
Multiple Area Fills
Combine multiple area fills to compare datasets:
Render Time0 ms
Canvas Size600 × 350
Data Points0
Series Count0
Negative Scale Support
The library handles datasets with negative numbers:
Render Time0 ms
Canvas Size600 × 350
Data Points0
Series Count0
Legends
Display a legend to identify multiple data series:
Render Time0 ms
Canvas Size600 × 350
Data Points0
Series Count0
Grid Styles
Customize the grid appearance with gridLineStyle:
Render Time0 ms
Canvas Size600 × 350
Data Points0
Series Count0
Custom Axis Labels
Use tickLabels to display custom labels on the X-axis:
Render Time0 ms
Canvas Size600 × 350
Data Points0
Series Count0
Complete Example
Combining multiple features for a polished visualization:
Render Time0 ms
Canvas Size600 × 350
Data Points0
Series Count0
Stress Test
Testing performance with 10,000 data points. Click the Debug button to see render metrics: