Sha256: f7040369e92244319833dc468debf6c031c8007ceb8cf30316834463c49fffcc

Contents?: true

Size: 856 Bytes

Versions: 1975

Compression:

Stored size: 856 Bytes

Contents

import React from 'react'

import TreemapChart from '../_treemap_chart'

const chartData = [
  {
    name: "Pepperoni",
    parent: "Toppings",
    value: 600,
  }, {
    name: "Cheese",
    parent: "Toppings",
    value: 510,
  }, {
    name: "Mushroom",
    parent: "Toppings",
    value: 330,
  },{
    name: "Onions",
    parent: "Toppings",
    value: 250,
  }, {
    name: "Olives",
    parent: "Toppings",
    value: 204,
  }, {
    name: "Pineapple",
    parent: "Toppings",
    value: 90,
  }, {
    name: "Pizza Toppings",
    id: "Toppings",
  },
]

const TreemapChartColors = (props) => (
  <div>
    <TreemapChart
        chartData={chartData}
        colors={["data-4", "data-7", "#8E6E53", "#124732"]}
        id="treemap-colors"
        title="Favored Pizza Toppings"
        {...props}
    />
  </div>
)

export default TreemapChartColors

Version data entries

1,975 entries across 1,975 versions & 2 rubygems

Version Path
playbook_ui_docs-14.14.0.pre.rc.4 app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.jsx
playbook_ui-14.14.0.pre.rc.4 app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.jsx
playbook_ui_docs-14.13.0.pre.alpha.play1900progresspillwidth6122 app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.jsx
playbook_ui-14.13.0.pre.alpha.play1900progresspillwidth6122 app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.jsx
playbook_ui_docs-14.13.0.pre.alpha.play1754pbtagprogressradio6121 app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.jsx
playbook_ui-14.13.0.pre.alpha.play1754pbtagprogressradio6121 app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.jsx
playbook_ui_docs-14.13.0.pre.alpha.pbntr799collapsiblerowswithcustomclick6117 app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.jsx
playbook_ui-14.13.0.pre.alpha.pbntr799collapsiblerowswithcustomclick6117 app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.jsx
playbook_ui_docs-14.13.0.pre.alpha.PLAY1873rails86115 app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.jsx
playbook_ui-14.13.0.pre.alpha.PLAY1873rails86115 app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.jsx
playbook_ui_docs-14.14.0.pre.rc.3 app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.jsx
playbook_ui-14.14.0.pre.rc.3 app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.jsx
playbook_ui_docs-14.13.0.pre.alpha.PLAY1873rails86087 app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.jsx
playbook_ui-14.13.0.pre.alpha.PLAY1873rails86087 app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.jsx
playbook_ui_docs-14.13.0.pre.alpha.PBNTR5596084 app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.jsx
playbook_ui-14.13.0.pre.alpha.PBNTR5596084 app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.jsx
playbook_ui_docs-14.13.0.pre.alpha.play1851checkboxreacthook6083 app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.jsx
playbook_ui-14.13.0.pre.alpha.play1851checkboxreacthook6083 app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.jsx
playbook_ui_docs-14.14.0.pre.rc.2 app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.jsx
playbook_ui-14.14.0.pre.rc.2 app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.jsx