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
• ORFrame
• ResponsiveORFrame
• NetworkFrame
• ResponsiveNetworkFrame
• MinimapXYFrame
• ResponsiveMinimapXYFrame
• SmartFrame
• ResponsiveSmartFrame

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

ORFrame

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

NetworkFrame

• networkType Advanced Settings