Waiting
Customize and export code (opens in a new tab)Compare designs
Each model builds its own version. Pick your favorite and customize it.
Desktop preview
See how each design looks on a full-width desktop screen. Mobile preview
Check how each design adapts to a small phone screen.
See how each design looks on a full-width desktop screen. Mobile preview
Check how each design adapts to a small phone screen.
How to create best graph components?
Explain the data story. Describe the metric, units, sample values, and comparison you want the graph to communicate. Tell the AI whether the important pattern is change over time, a distribution, or a comparison between groups.
Request useful context. Specify titles, axis labels, legends, and supporting values. Ask for a graph style that suits the data and for series to remain distinguishable beyond color alone.
Validate the presentation. Check that labels and scales match the supplied values. Compare mobile readability and remember to connect the visual component to your actual data source.
Examples of graphs components
Flex
Task distribution pie chart card with new and completed task stats
A white card titled Task distribution showing a blue pie chart split into Frontend, Backend, and Management segments with a legend below. A footer row displays two summary metrics: 1024 new tasks and 442 completed tasks.
Artemis Dashboard
Daily Visitors Bar Chart Card with Month and Period Dropdowns
A white card titled Daily Visitors showing a vertical bar chart of visitor counts for each day of March, with a y-axis from 0 to 500 and dropdown selectors for month and period in the top right. The chart uses purple rounded bars on light gridlines, making it a dashboard analytics widget.
Sirius Dashboard
Three-card analytics stat row with sparkline charts
A horizontal row of three white stat cards showing metrics such as article views (15.6k) and donations ($3,750, up 5.5%), each with a blue area sparkline chart beneath the value. The cards use a light theme with soft shadows and rounded corners, suited to a dashboard overview.
Dashy
Activity Area Chart Card with Weekly Dropdown
A white card containing an Activity title, a 'This week' dropdown selector in the top right, and a smooth blue line area chart plotting daily values from Sunday to Saturday on a 0.0 to 10.0 y-axis. The layout is a single contained card focused on displaying analytics data.
Explore component generators
Generate any section of your website with the same multi-model workflow.
No categories match your search.
