Treemap Chart Card

React

Is new design vision part implemented using new tokens?

Up to date

Storybook

React guidance

Source

GitHub code


                                                        
                                                        
                                                            import { TreemapChartCard } from '@optimus-web/core';
                                                        
                                                        <TreemapChartCard 
                                                          title='Treemap chart card'
                                                          subtitle='Last 7 days'
                                                          menuActions={actions}
                                                          chart={{
                                                              data={data}
                                                              valueFormatter={valueFormatter}
                                                              labelFormatter={labelFormatter}
                                                              animated={true}
                                                              title="Treemap Chart title"
                                                              minWidth={650}
                                                              minHeight={475}
                                                          }}
                                                        />

Resources

Example