Home

Semiotic

Semiotic is a charting framework for React that allows you to quickly design, iterate on, and deploy charts with annotations and interactivity.

Interactive Documentation

API Reference

Frames

• XYFrame
• ResponsiveXYFrame
• SparkXYFrame
• OrdinalFrame
• ResponsiveOrdinalFrame
• SparkOrdinalFrame
• NetworkFrame
• ResponsiveNetworkFrame
• SparkNetworkFrame
• MinimapXYFrame
• ResponsiveMinimapXYFrame

Marks

• Mark
• MarkContext
• DividedLine

Miscellaneous

• Axis
• Legend
• Brush
• Minimap

Tutorials

General

• Customizing Tooltips
• Using Annotations
• General Interactivity
• Improving Performance

XYFrame

• Visualizing Time Series Data
• areaType Advanced Settings
• lineType Advanced Settings
• How to Use Minimap

OrdinalFrame

• type Advanced Settings
• summaryType Advanced Settings
• OrdinalFrame Connectors
• Custom OrdinalFrame Type Functions

NetworkFrame

• networkType Advanced Settings