Skip to content
Charts — Component Gallery
AutoXXS (320px)XS (375px)SM (640px)MD (768px)LG (1024px)XL (1280px)XXL (1536px)
SketchMaterialiOSTamagui
DataInjectionKeyPatternsServiceTransactionProcessResearchProductQualityPerformanceSpecDomainFunctionTechnologyArchitectureConfigMiddlewareDataDatabaseDrizzleMigrationModelop-sqliteSchemaSQLState ManagementDraftKeystoneMergePatchPatchesPersistenceReactiveRedoStoreUndoTestingDeviceFactoryIsolationTypeScriptZodTopicsCommunicationBidsNVCDesignDesign ImplicationsEducationPedagogyFoundationsPsychologyAttachmentFloodingRelatingAuthentic RelatingUIEditorReact Native

Charts — Component Gallery

Chart

Dashboard Charts

Radial ProgressArea TrendBar Graph
Radial Progress
View DSL Source 
row(gap="lg")
  chart(type="radial" value=75 label="Steps Taken")
  chart(type="radial" value=30 label="Calorie Goal")
Area Trend
View DSL Source 
chart(type="area" label="Weekly Performance")
Bar Graph
View DSL Source 
chart(type="bar" label="Monthly Distribution")
DSL Reference