Chart overview.
Choose a chart for your question, then design its data, interactions, and delivery together.
Choose a view for your question
#Read trends and composition with Line, Area, and Theme River.
Differences between itemsCompare numeric differences with Column, Bar, Lollipop, and Dumbbell.
Distribution and uncertaintyShow distributions and errors with Histogram, Box Plot, and Error Bar.
Composition and hierarchyShow wholes and parts with Pie, Treemap, Sunburst, and Icicle.
Connections and flowsExplore relationships with Sankey, Chord, and Network Graph.
Spatial, schedule, and specialized dataChoose Geo Map, Gantt, Stock, 3D, or Wafer to match your data structure.
After choosing a chart, check its data contract and live examples for the required input format. Example selection and options update the source code together. See Branding in Getting Started for logo settings.
Direct tags and the shared facade
#- Direct tag Tags such as sy-line-chart and sy-sankey use chart-specific properties and methods. Individual chart guides describe this approach.
- Shared facade Choose a type with sy-chart's type property. It provides a shared menu, data table, export, and type switching. Specialized option names may differ from direct tags.
- Helper components Data Zoom, Navigator, and Visual Map reference a target chart id in the same document through for. Stock and Wafer helper charts share time or coordinate data.
Packages and runtime environments
#- Community Includes 26 basic charts, range and color controls, and wafer helper components. Displays the Syidax logo.
- Pro @syidax/advanced-pro includes Community features and Pro charts. Register the appropriate feature license before use.
- WebGPU Pro GPU renderers require a browser with a WebGPU adapter and HTTPS or localhost. In unsupported environments, review the setup guidance, data, and code.
- Logo brand-position is shared by all charts that display a logo. The Pro chart.branding entitlement allows replacing brand-logo or setting it to none.
Choose either Community or Pro for your app without registering both. For installation paths and license registration, see Installation and integration.