{"componentChunkName":"component---src-pages-data-visualization-advanced-charts-index-mdx","path":"/data-visualization/advanced-charts/","webpackCompilationHash":"9ffd1cb8ca3b610e9ad3","result":{"pageContext":{"isCreatedByStatefulCreatePages":true,"frontmatter":{"title":"Advanced charts","description":"Advanced charts are a powerful way to display complex data sets."},"relativePagePath":"/data-visualization/advanced-charts/index.mdx","titleType":"prepend","MdxNode":{"id":"f21db835-6d36-51c2-a569-b8c8a68e4503","children":[],"parent":"d4353bc0-863f-5799-ac77-09c9ad399bcb","internal":{"content":"---\ntitle: Advanced charts\ndescription: Advanced charts are a powerful way to display complex data sets.\n---\n\n<PageDescription>\n\nAdvanced charts are a powerful way to display complex data sets. While less intuitive than basic charts, the visualizations should still tell a story the user can understand.\n\n</PageDescription>\n\n<InlineNotification>\n\n**Note:** Advanced charts are not included in the Carbon Charts repository yet. To see our roadmap, make feature requests, or contribute, please go to the carbon-charts [GitHub repository](https://github.com/carbon-design-system/carbon-charts).\n\n</InlineNotification>\n\n<AnchorLinks>\n\n<AnchorLink>Alluvial diagram</AnchorLink>\n<AnchorLink>Heatmap</AnchorLink>\n<AnchorLink>Tree diagram</AnchorLink>\n<AnchorLink>Geography with overlays</AnchorLink>\n\n</AnchorLinks>\n\n## Alluvial diagram\n\nAlluvial diagrams are a type of flow diagram that represents changes in network structure over time.\n\n<Row>\n<Column  colLg={8} colMd={6} colSm={4} >\n\n![Alluvial diagram](images/charts-adv-alluvial.png)\n\n<Caption>Example of an alluvial diagram</Caption>\n\n</Column>\n</Row>\n\n## Heatmap\n\nA heat map is a graphical representation of data where individual values contained in a matrix are represented as colors.\n\n<Row>\n<Column  colLg={8} colMd={6} colSm={4} >\n\n![Horizontal bar chart](images/charts-adv-heatmap.png)\n\n</Column>\n</Row>\n\n## Tree diagram\n\nA tree diagram visually represents a hierarchy in a tree-like structure.\n\n<Row>\n<Column  colLg={8} colMd={6} colSm={4} >\n\n![Tree diagram, organic view](images/charts-adv-treediagram.png)\n\n<Caption>Tree diagram, node view vs. list view</Caption>\n\n</Column>\n</Row>\n\n## Geography with overlays\n\n### Choropleth map\n\nA choropleth map uses differences in shading, coloring, or the placement of symbols within predefined areas to indicate the average values of a property or quantity in those areas.\n\n<Row>\n<Column  colLg={8} colMd={6} colSm={4} >\n\n![Choropleth map](images/charts-adv-choropleth.png)\n\n<Caption>Example of a choropleth map</Caption>\n\n</Column>\n</Row>\n\n### Proportional symbol\n\nSymbols driven by data are overlayed in geographical regions. A common symbol used is a bubble with the area of the circle proportional to its value in the dataset.\n\n<Row>\n<Column  colLg={8} colMd={6} colSm={4} >\n\n![Proportional symbol](images/charts-adv-proportion.png)\n\n<Caption>Example of a proportional symbol</Caption>\n\n</Column>\n</Row>\n\n### Connecting lines\n\nConnection maps display points on a map connected by straight or curved lines.\n\nConnection maps are most useful when showing connections and relationships geographically. They can also be used to display map routes through a single chain of links.\n\nConnection maps are particularly powerful when revealing spatial patterns through the distribution of connections or by how concentrated connections are on a map.\n\n<Row>\n<Column  colLg={8} colMd={6} colSm={4} >\n\n![Connecting lines on a spatial map](images/charts-adv-connecting.png)\n\n<Caption>Example of a map with connecting lines</Caption>\n\n</Column>\n</Row>\n","type":"Mdx","contentDigest":"df19ce7e88eb62a5e692ec896a6e8c83","counter":1371,"owner":"gatsby-plugin-mdx"},"frontmatter":{"title":"Advanced charts","description":"Advanced charts are a powerful way to display complex data sets."},"exports":{},"rawBody":"---\ntitle: Advanced charts\ndescription: Advanced charts are a powerful way to display complex data sets.\n---\n\n<PageDescription>\n\nAdvanced charts are a powerful way to display complex data sets. While less intuitive than basic charts, the visualizations should still tell a story the user can understand.\n\n</PageDescription>\n\n<InlineNotification>\n\n**Note:** Advanced charts are not included in the Carbon Charts repository yet. To see our roadmap, make feature requests, or contribute, please go to the carbon-charts [GitHub repository](https://github.com/carbon-design-system/carbon-charts).\n\n</InlineNotification>\n\n<AnchorLinks>\n\n<AnchorLink>Alluvial diagram</AnchorLink>\n<AnchorLink>Heatmap</AnchorLink>\n<AnchorLink>Tree diagram</AnchorLink>\n<AnchorLink>Geography with overlays</AnchorLink>\n\n</AnchorLinks>\n\n## Alluvial diagram\n\nAlluvial diagrams are a type of flow diagram that represents changes in network structure over time.\n\n<Row>\n<Column  colLg={8} colMd={6} colSm={4} >\n\n![Alluvial diagram](images/charts-adv-alluvial.png)\n\n<Caption>Example of an alluvial diagram</Caption>\n\n</Column>\n</Row>\n\n## Heatmap\n\nA heat map is a graphical representation of data where individual values contained in a matrix are represented as colors.\n\n<Row>\n<Column  colLg={8} colMd={6} colSm={4} >\n\n![Horizontal bar chart](images/charts-adv-heatmap.png)\n\n</Column>\n</Row>\n\n## Tree diagram\n\nA tree diagram visually represents a hierarchy in a tree-like structure.\n\n<Row>\n<Column  colLg={8} colMd={6} colSm={4} >\n\n![Tree diagram, organic view](images/charts-adv-treediagram.png)\n\n<Caption>Tree diagram, node view vs. list view</Caption>\n\n</Column>\n</Row>\n\n## Geography with overlays\n\n### Choropleth map\n\nA choropleth map uses differences in shading, coloring, or the placement of symbols within predefined areas to indicate the average values of a property or quantity in those areas.\n\n<Row>\n<Column  colLg={8} colMd={6} colSm={4} >\n\n![Choropleth map](images/charts-adv-choropleth.png)\n\n<Caption>Example of a choropleth map</Caption>\n\n</Column>\n</Row>\n\n### Proportional symbol\n\nSymbols driven by data are overlayed in geographical regions. A common symbol used is a bubble with the area of the circle proportional to its value in the dataset.\n\n<Row>\n<Column  colLg={8} colMd={6} colSm={4} >\n\n![Proportional symbol](images/charts-adv-proportion.png)\n\n<Caption>Example of a proportional symbol</Caption>\n\n</Column>\n</Row>\n\n### Connecting lines\n\nConnection maps display points on a map connected by straight or curved lines.\n\nConnection maps are most useful when showing connections and relationships geographically. They can also be used to display map routes through a single chain of links.\n\nConnection maps are particularly powerful when revealing spatial patterns through the distribution of connections or by how concentrated connections are on a map.\n\n<Row>\n<Column  colLg={8} colMd={6} colSm={4} >\n\n![Connecting lines on a spatial map](images/charts-adv-connecting.png)\n\n<Caption>Example of a map with connecting lines</Caption>\n\n</Column>\n</Row>\n","fileAbsolutePath":"/fargate/7b444b50/src/pages/data-visualization/advanced-charts/index.mdx"}}}}