From f4f05f38bd6b493c1df00982741275d8214e8bd5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9Cmahdis-z=E2=80=9D?= <“maahhddiiss@gmail.com”> Date: Tue, 15 Oct 2019 11:01:36 -0400 Subject: [PATCH 1/7] new tutorial for treemap.py --- python/treemap-charts.md | 143 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 143 insertions(+) create mode 100644 python/treemap-charts.md diff --git a/python/treemap-charts.md b/python/treemap-charts.md new file mode 100644 index 000000000..05250f463 --- /dev/null +++ b/python/treemap-charts.md @@ -0,0 +1,143 @@ +--- +jupyter: + jupytext: + notebook_metadata_filter: all + text_representation: + extension: .md + format_name: markdown + format_version: '1.1' + jupytext_version: 1.2.1 + kernelspec: + display_name: Python 3 + language: python + name: python3 + language_info: + codemirror_mode: + name: ipython + version: 3 + file_extension: .py + mimetype: text/x-python + name: python + nbconvert_exporter: python + pygments_lexer: ipython3 + version: 3.7.3 + plotly: + description: How to make Sunburst Charts. + display_as: basic + has_thumbnail: true + language: python + layout: base + name: Sunburst Charts + order: 6.1 + page_type: u-guide + permalink: python/sunburst-charts/ + thumbnail: thumbnail/sunburst.gif + title: Sunburst in Python | plotly +--- + +### Basic Treemap + +Treemap chart visualize hierarchical data using nested rectangles. Same as [Sunburst](https://plot.ly/python/sunburst-charts/) the hierarchy is defined by [labels](https://plot.ly/python/reference/#treemap-labels) and [parents]((https://plot.ly/python/reference/#treemap-parents)) attributes. [count](https://plot.ly/python/reference/#treemap-count) attribute allows counting the numbers of leaves, branches or both when values array is not provided. + +```python +import plotly.graph_objects as go + +fig = go.Figure() + +fig.add_trace(go.Treemap( + labels = ["Eve","Cain", "Seth", "Enos", "Noam", "Abel", "Awan", "Enoch", "Azura"], + parents = ["", "Eve", "Eve", "Seth", "Seth", "Eve", "Eve", "Awan", "Eve"] +)) + +fig.show() +``` + +### Set Different Attributes in Treemap + +This example uses the following attributs: + + 1. [values](https://plot.ly/python/reference/#treemap-values): sets the values associated with each of the sunburst sectors + 2. [textinfo](https://plot.ly/python/reference/#treemap-textinfo): determines which trace information appear on the graph that can be 'text', 'value', 'current path', 'percent root', 'percent entry', and 'percent parent', or any combination of them. + 3. [pathbar](https://plot.ly/python/reference/#treemap-pathbar): a main extra feature of treemap to display the current path of the visible portion of the hierarchical map. It may also be useful for zooming out of the graph. + 4. [branchvalues](https://plot.ly/python/reference/#treemap-branchvalues): determines how the items in `values` are summed. When set to "total", items in `values` are taken to be value of all its descendants. In the example below Eva = 65, which is equal to 14 + 12 + 10 + 2 + 6 + 6 + 1 + 4. +When set to "remainder", items in `values` corresponding to the root and the branches sectors are taken to be the extra part not part of the sum of the values at their leaves. + +```python +import plotly.graph_objects as go + +fig = go.Figure(go.Treemap( + labels = ["Eve", "Cain", "Seth", "Enos", "Noam", "Abel", "Awan", "Enoch", "Azura"], + parents = ["", "Eve", "Eve", "Seth", "Seth", "Eve", "Eve", "Awan", "Eve" ], + values = [10, 14, 12, 10, 2, 6, 6, 1, 4], + textinfo = "label+value+percent parent+percent entry+percent root", + domain = {"x": [0, 0.48]})) + +fig.add_trace(go.Treemap( + branchvalues = "total", + labels = ["Eve", "Cain", "Seth", "Enos", "Noam", "Abel", "Awan", "Enoch", "Azura"], + parents = ["", "Eve", "Eve", "Seth", "Seth", "Eve", "Eve", "Awan", "Eve" ], + domain = {"x": [0.52, 1]}, + values = [65, 14, 12, 10, 2, 6, 6, 1, 4], + textinfo = "label+value+percent parent+percent entry", + outsidetextfont = {"size": 20, "color": "darkblue"}, + marker = {"line": {"width": 2}}, + pathbar = {"visible": False})) + +fig.update_layout( + annotations = [{ + "showarrow": False, + "text": "branchvalues: remainder", + "x": 0.25, + "xanchor": "center", + "y": 1, + "yanchor": "bottom" + }, { + "showarrow": False, + "text": "branchvalues: total", + "x": 0.75, + "xanchor": "center", + "y": 1, + "yanchor": "bottom" + }]) + +fig.show() +``` + +### Advance Treemap + +The following example uses hierarchical data that includes layers and grouping. Treemap and [Sunburst](https://plot.ly/python/sunburst-charts/) charts reveal indights into the data, and the format of your hierarchical data. + +```python +import plotly.graph_objects as go +import pandas as pd + +df1 = pd.read_csv('https://raw.githubusercontent.com/plotly/datasets/718417069ead87650b90472464c7565dc8c2cb1c/sunburst-coffee-flavors-complete.csv') +df2 = pd.read_csv('https://raw.githubusercontent.com/plotly/datasets/718417069ead87650b90472464c7565dc8c2cb1c/coffee-flavors.csv') + +fig = go.Figure() + +fig.add_trace(go.Treemap( + ids = df1.ids, + labels = df1.labels, + parents = df1.parents, + domain = {'column':0} +)) + +fig.add_trace(go.Treemap( + ids = df2.ids, + labels = df2.labels, + parents = df2.parents, + domain = {'column':1}, + maxdepth = 2 +)) + +fig.update_layout( + grid = {'columns':2, 'rows':1}, + margin = {'t':0, 'l':0, 'r':0, 'b':0} +) + +fig.show() +``` + +#### Reference +See https://plot.ly/python/reference/#treemap for more information and chart attribute options! From 48e100443d0b88dfca402d774076635de45268bb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9Cmahdis-z=E2=80=9D?= <“maahhddiiss@gmail.com”> Date: Tue, 15 Oct 2019 11:31:12 -0400 Subject: [PATCH 2/7] few settings modified --- python/treemap-charts.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/python/treemap-charts.md b/python/treemap-charts.md index 05250f463..2438c50c1 100644 --- a/python/treemap-charts.md +++ b/python/treemap-charts.md @@ -22,17 +22,17 @@ jupyter: pygments_lexer: ipython3 version: 3.7.3 plotly: - description: How to make Sunburst Charts. + description: How to make Treemap Charts. display_as: basic has_thumbnail: true language: python layout: base - name: Sunburst Charts - order: 6.1 + name: Treemap Charts + order: 14 page_type: u-guide - permalink: python/sunburst-charts/ - thumbnail: thumbnail/sunburst.gif - title: Sunburst in Python | plotly + permalink: python/treemap-charts/ + thumbnail: thumbnail/treemap.png + title: Treemap in Python | plotly --- ### Basic Treemap From f9a619c48c52c09c9968077a03b15d8e88e38b2e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9Cmahdis-z=E2=80=9D?= <“maahhddiiss@gmail.com”> Date: Tue, 15 Oct 2019 12:56:49 -0400 Subject: [PATCH 3/7] ipynb --- python/treemap-charts.md | 1 + 1 file changed, 1 insertion(+) diff --git a/python/treemap-charts.md b/python/treemap-charts.md index 2438c50c1..2e2258bf9 100644 --- a/python/treemap-charts.md +++ b/python/treemap-charts.md @@ -25,6 +25,7 @@ jupyter: description: How to make Treemap Charts. display_as: basic has_thumbnail: true + ipynb: ~notebook_demo/280/ language: python layout: base name: Treemap Charts From 5d0e77a37d17e1c002d900c6779edf4b5c0c61db Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9Cmahdis-z=E2=80=9D?= <“maahhddiiss@gmail.com”> Date: Wed, 16 Oct 2019 17:30:02 -0400 Subject: [PATCH 4/7] more examples added --- python/treemaps.md | 223 +++++++++++++++++++++++++++++++-------------- 1 file changed, 153 insertions(+), 70 deletions(-) diff --git a/python/treemaps.md b/python/treemaps.md index 1b4b787cc..afeb83348 100644 --- a/python/treemaps.md +++ b/python/treemaps.md @@ -6,7 +6,7 @@ jupyter: extension: .md format_name: markdown format_version: '1.1' - jupytext_version: 1.1.1 + jupytext_version: 1.2.1 kernelspec: display_name: Python 3 language: python @@ -20,93 +20,176 @@ jupyter: name: python nbconvert_exporter: python pygments_lexer: ipython3 - version: 3.6.7 + version: 3.7.3 plotly: - description: How to make interactive treemap in Python with Plotly and Squarify. - An examples of a treemap in Plotly using Squarify. - display_as: statistical + description: How to make Treemap Charts with Plotly + display_as: basic has_thumbnail: true - ipynb: ~notebook_demo/29 + ipynb: ~notebook_demo/280/ language: python layout: base - name: Treemaps - order: 11 + name: Treemap Charts + order: 14 page_type: u-guide permalink: python/treemaps/ - thumbnail: thumbnail/treemap.jpg - title: Python Treemaps | plotly - v4upgrade: true + thumbnail: thumbnail/treemap.png + title: Treemap in Python | plotly --- -#### Simple Example with Plotly and [Squarify](https://pypi.python.org/pypi/squarify) -Define the coordinate system for the returned rectangles: these values will range from x to x + width and y to y + height. -Then define your treemap values. The sum of the treemap values must equal the total area to be laid out (i.e. width `*` height). The values must be sorted in descending order and must be positive. +### Basic Treemap + +[Treemap charts](https://en.wikipedia.org/wiki/Treemapping) visualize hierarchical data using nested rectangles. Same as [Sunburst](https://plot.ly/python/sunburst-charts/) the hierarchy is defined by [labels](https://plot.ly/python/reference/#treemap-labels) and [parents]((https://plot.ly/python/reference/#treemap-parents)) attributes. Click on one sector to zoom in, which also displays a pathbar in the upper-left corner of your treemap, and to zoom out click on the path bar. ```python import plotly.graph_objects as go -import squarify - -fig = go.Figure() - -x = 0. -y = 0. -width = 100. -height = 100. - -values = [500, 433, 78, 25, 25, 7] - -normed = squarify.normalize_sizes(values, width, height) -rects = squarify.squarify(normed, x, y, width, height) - -# Choose colors from http://colorbrewer2.org/ under "Export" -color_brewer = ['rgb(166,206,227)','rgb(31,120,180)','rgb(178,223,138)', - 'rgb(51,160,44)','rgb(251,154,153)','rgb(227,26,28)'] -shapes = [] -annotations = [] -counter = 0 - -for r, val, color in zip(rects, values, color_brewer): - shapes.append( - dict( - type = 'rect', - x0 = r['x'], - y0 = r['y'], - x1 = r['x']+r['dx'], - y1 = r['y']+r['dy'], - line = dict( width = 2 ), - fillcolor = color - ) - ) - annotations.append( - dict( - x = r['x']+(r['dx']/2), - y = r['y']+(r['dy']/2), - text = val, - showarrow = False - ) - ) - -# For hover text -fig.add_trace(go.Scatter( - x = [ r['x']+(r['dx']/2) for r in rects ], - y = [ r['y']+(r['dy']/2) for r in rects ], - text = [ str(v) for v in values ], - mode = 'text', +fig = go.Figure(go.Treemap( + labels = ["Eve","Cain", "Seth", "Enos", "Noam", "Abel", "Awan", "Enoch", "Azura"], + parents = ["", "Eve", "Eve", "Seth", "Seth", "Eve", "Eve", "Awan", "Eve"] )) +fig.show() +``` + +### Set Different Attributes in Treemap + +This example uses the following attributes: + + 1. [values](https://plot.ly/python/reference/#treemap-values): sets the values associated with each of the sectors. + 2. [textinfo](https://plot.ly/python/reference/#treemap-textinfo): determines which trace information appear on the graph that can be 'text', 'value', 'current path', 'percent root', 'percent entry', and 'percent parent', or any combination of them. + 3. [pathbar](https://plot.ly/python/reference/#treemap-pathbar): a main extra feature of treemap to display the current path of the visible portion of the hierarchical map. It may also be useful for zooming out of the graph. + 4. [branchvalues](https://plot.ly/python/reference/#treemap-branchvalues): determines how the items in `values` are summed. When set to "total", items in `values` are taken to be value of all its descendants. In the example below Eva = 65, which is equal to 14 + 12 + 10 + 2 + 6 + 6 + 1 + 4. +When set to "remainder", items in `values` corresponding to the root and the branches sectors are taken to be the extra part not part of the sum of the values at their leaves. + +```python +import plotly.graph_objects as go +from plotly.subplots import make_subplots + +labels = ["Eve", "Cain", "Seth", "Enos", "Noam", "Abel", "Awan", "Enoch", "Azura"] +parents = ["", "Eve", "Eve", "Seth", "Seth", "Eve", "Eve", "Awan", "Eve"] + +fig = make_subplots( + cols = 2, rows = 1, + column_widths = [0.4, 0.4], + subplot_titles = ('branchvalues: remainder', 'branchvalues: total'), + specs = [[{'type': 'treemap', 'rowspan': 1}, {'type': 'treemap'}]] +) + +fig.add_trace(go.Treemap( + labels = labels, + parents = parents, + values = [10, 14, 12, 10, 2, 6, 6, 1, 4], + textinfo = "label+value+percent parent+percent entry+percent root", + pathbar = {"visible": False}), + row = 1, col = 1) + +fig.add_trace(go.Treemap( + branchvalues = "total", + labels = labels, + parents = parents, + values = [65, 14, 12, 10, 2, 6, 6, 1, 4], + textinfo = "label+value+percent parent+percent entry", + outsidetextfont = {"size": 20, "color": "darkblue"}, + marker = {"line": {"width": 2}}, + pathbar = {"visible": False}), + row = 1, col = 2) + +fig.show() +``` + +### Set Color of Sectors + +There are three different ways to change the color of the sectors in Treemap: + 1) [marker.colors](https://plot.ly/javascript/reference/#treemap-marker-colors), 2) [colorway](https://plot.ly/javascript/reference/#treemap-colorway), 3) [colorscale](https://plot.ly/javascript/reference/#treemap-colorscale). The following examples show how to use each of them. + +```python +import plotly.graph_objects as go + +labels = ["A1", "A2", "A3", "A4", "A5", "B1", "B2"] +parents = ["", "A1", "A2", "A3", "A4", "", "B1"] + +fig = go.Figure(go.Treemap( + labels = labels, + parents = parents, + marker = {'colors': ["pink", "royalblue", "lightgray", "purple", "cyan", "lightgray", "lightblue"]})) + +fig.show() +``` + +This example uses `treemapcolorway` attribute, which should be set in layout. + +```python +import plotly.graph_objects as go + +labels = ["A1", "A2", "A3", "A4", "A5", "B1", "B2"] +parents = ["", "A1", "A2", "A3", "A4", "", "B1"] + +fig = go.Figure(go.Treemap( + labels = labels, + parents = parents +)) + +fig.update_layout(treemapcolorway = ["pink", "lightgray"]) + +fig.show() +``` + +```python +import plotly.graph_objects as go + +values = ["11", "12", "13", "14", "15", "20", "30"] +labels = ["A1", "A2", "A3", "A4", "A5", "B1", "B2"] +parents = ["", "A1", "A2", "A3", "A4", "", "B1"] + +fig = go.Figure(go.Treemap( + labels = labels, + values = values, + parents = parents, + marker = {"colorscale": "Blues"})) + +fig.show() +``` + +### Nested Layers in Treemap + +The following example uses hierarchical data that includes layers and grouping. Treemap and [Sunburst](https://plot.ly/python/sunburst-charts/) charts reveal insights into the data, and the format of your hierarchical data. + +```python +import plotly.graph_objects as go +from plotly.subplots import make_subplots + +import pandas as pd + +df1 = pd.read_csv('https://raw.githubusercontent.com/plotly/datasets/718417069ead87650b90472464c7565dc8c2cb1c/sunburst-coffee-flavors-complete.csv') +df2 = pd.read_csv('https://raw.githubusercontent.com/plotly/datasets/718417069ead87650b90472464c7565dc8c2cb1c/coffee-flavors.csv') + +fig = make_subplots( + rows = 1, cols = 2, + column_widths = [0.4, 0.4], + specs = [[{'type': 'treemap', 'rowspan': 1}, {'type': 'treemap'}]] +) + +fig.add_trace( + go.Treemap( + ids = df1.ids, + labels = df1.labels, + parents = df1.parents), + col = 1, row = 1) + +fig.add_trace( + go.Treemap( + ids = df2.ids, + labels = df2.labels, + parents = df2.parents, + maxdepth = 2), + col = 2, row = 1) + fig.update_layout( - height=700, - width=700, - xaxis=dict(showgrid=False,zeroline=False), - yaxis=dict(showgrid=False,zeroline=False), - shapes=shapes, - annotations=annotations, - hovermode='closest' + margin = {'t':0, 'l':0, 'r':0, 'b':0} ) fig.show() ``` #### Reference -See https://plot.ly/python/reference/ for more information and chart attribute options or https://pypi.python.org/pypi/squarify for more information about squarify! +See https://plot.ly/python/reference/#treemap for more information and chart attribute options! From 472aaaf6af0f5a7d956633c3de5bdabfe0d26cba Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9Cmahdis-z=E2=80=9D?= <“maahhddiiss@gmail.com”> Date: Thu, 17 Oct 2019 12:18:53 -0400 Subject: [PATCH 5/7] final revision --- python/treemap-charts.md | 144 --------------------------------------- python/treemaps.md | 6 +- 2 files changed, 3 insertions(+), 147 deletions(-) delete mode 100644 python/treemap-charts.md diff --git a/python/treemap-charts.md b/python/treemap-charts.md deleted file mode 100644 index 2e2258bf9..000000000 --- a/python/treemap-charts.md +++ /dev/null @@ -1,144 +0,0 @@ ---- -jupyter: - jupytext: - notebook_metadata_filter: all - text_representation: - extension: .md - format_name: markdown - format_version: '1.1' - jupytext_version: 1.2.1 - kernelspec: - display_name: Python 3 - language: python - name: python3 - language_info: - codemirror_mode: - name: ipython - version: 3 - file_extension: .py - mimetype: text/x-python - name: python - nbconvert_exporter: python - pygments_lexer: ipython3 - version: 3.7.3 - plotly: - description: How to make Treemap Charts. - display_as: basic - has_thumbnail: true - ipynb: ~notebook_demo/280/ - language: python - layout: base - name: Treemap Charts - order: 14 - page_type: u-guide - permalink: python/treemap-charts/ - thumbnail: thumbnail/treemap.png - title: Treemap in Python | plotly ---- - -### Basic Treemap - -Treemap chart visualize hierarchical data using nested rectangles. Same as [Sunburst](https://plot.ly/python/sunburst-charts/) the hierarchy is defined by [labels](https://plot.ly/python/reference/#treemap-labels) and [parents]((https://plot.ly/python/reference/#treemap-parents)) attributes. [count](https://plot.ly/python/reference/#treemap-count) attribute allows counting the numbers of leaves, branches or both when values array is not provided. - -```python -import plotly.graph_objects as go - -fig = go.Figure() - -fig.add_trace(go.Treemap( - labels = ["Eve","Cain", "Seth", "Enos", "Noam", "Abel", "Awan", "Enoch", "Azura"], - parents = ["", "Eve", "Eve", "Seth", "Seth", "Eve", "Eve", "Awan", "Eve"] -)) - -fig.show() -``` - -### Set Different Attributes in Treemap - -This example uses the following attributs: - - 1. [values](https://plot.ly/python/reference/#treemap-values): sets the values associated with each of the sunburst sectors - 2. [textinfo](https://plot.ly/python/reference/#treemap-textinfo): determines which trace information appear on the graph that can be 'text', 'value', 'current path', 'percent root', 'percent entry', and 'percent parent', or any combination of them. - 3. [pathbar](https://plot.ly/python/reference/#treemap-pathbar): a main extra feature of treemap to display the current path of the visible portion of the hierarchical map. It may also be useful for zooming out of the graph. - 4. [branchvalues](https://plot.ly/python/reference/#treemap-branchvalues): determines how the items in `values` are summed. When set to "total", items in `values` are taken to be value of all its descendants. In the example below Eva = 65, which is equal to 14 + 12 + 10 + 2 + 6 + 6 + 1 + 4. -When set to "remainder", items in `values` corresponding to the root and the branches sectors are taken to be the extra part not part of the sum of the values at their leaves. - -```python -import plotly.graph_objects as go - -fig = go.Figure(go.Treemap( - labels = ["Eve", "Cain", "Seth", "Enos", "Noam", "Abel", "Awan", "Enoch", "Azura"], - parents = ["", "Eve", "Eve", "Seth", "Seth", "Eve", "Eve", "Awan", "Eve" ], - values = [10, 14, 12, 10, 2, 6, 6, 1, 4], - textinfo = "label+value+percent parent+percent entry+percent root", - domain = {"x": [0, 0.48]})) - -fig.add_trace(go.Treemap( - branchvalues = "total", - labels = ["Eve", "Cain", "Seth", "Enos", "Noam", "Abel", "Awan", "Enoch", "Azura"], - parents = ["", "Eve", "Eve", "Seth", "Seth", "Eve", "Eve", "Awan", "Eve" ], - domain = {"x": [0.52, 1]}, - values = [65, 14, 12, 10, 2, 6, 6, 1, 4], - textinfo = "label+value+percent parent+percent entry", - outsidetextfont = {"size": 20, "color": "darkblue"}, - marker = {"line": {"width": 2}}, - pathbar = {"visible": False})) - -fig.update_layout( - annotations = [{ - "showarrow": False, - "text": "branchvalues: remainder", - "x": 0.25, - "xanchor": "center", - "y": 1, - "yanchor": "bottom" - }, { - "showarrow": False, - "text": "branchvalues: total", - "x": 0.75, - "xanchor": "center", - "y": 1, - "yanchor": "bottom" - }]) - -fig.show() -``` - -### Advance Treemap - -The following example uses hierarchical data that includes layers and grouping. Treemap and [Sunburst](https://plot.ly/python/sunburst-charts/) charts reveal indights into the data, and the format of your hierarchical data. - -```python -import plotly.graph_objects as go -import pandas as pd - -df1 = pd.read_csv('https://raw.githubusercontent.com/plotly/datasets/718417069ead87650b90472464c7565dc8c2cb1c/sunburst-coffee-flavors-complete.csv') -df2 = pd.read_csv('https://raw.githubusercontent.com/plotly/datasets/718417069ead87650b90472464c7565dc8c2cb1c/coffee-flavors.csv') - -fig = go.Figure() - -fig.add_trace(go.Treemap( - ids = df1.ids, - labels = df1.labels, - parents = df1.parents, - domain = {'column':0} -)) - -fig.add_trace(go.Treemap( - ids = df2.ids, - labels = df2.labels, - parents = df2.parents, - domain = {'column':1}, - maxdepth = 2 -)) - -fig.update_layout( - grid = {'columns':2, 'rows':1}, - margin = {'t':0, 'l':0, 'r':0, 'b':0} -) - -fig.show() -``` - -#### Reference -See https://plot.ly/python/reference/#treemap for more information and chart attribute options! diff --git a/python/treemaps.md b/python/treemaps.md index afeb83348..6c8ce03ae 100644 --- a/python/treemaps.md +++ b/python/treemaps.md @@ -38,7 +38,7 @@ jupyter: ### Basic Treemap -[Treemap charts](https://en.wikipedia.org/wiki/Treemapping) visualize hierarchical data using nested rectangles. Same as [Sunburst](https://plot.ly/python/sunburst-charts/) the hierarchy is defined by [labels](https://plot.ly/python/reference/#treemap-labels) and [parents]((https://plot.ly/python/reference/#treemap-parents)) attributes. Click on one sector to zoom in, which also displays a pathbar in the upper-left corner of your treemap, and to zoom out click on the path bar. +[Treemap charts](https://en.wikipedia.org/wiki/Treemapping) visualize hierarchical data using nested rectangles. Same as [Sunburst](https://plot.ly/python/sunburst-charts/) the hierarchy is defined by [labels](https://plot.ly/python/reference/#treemap-labels) and [parents]((https://plot.ly/python/reference/#treemap-parents)) attributes. Click on one sector to zoom in/out, which also displays a pathbar in the upper-left corner of your treemap. To zoom out you can use the path bar as well. ```python import plotly.graph_objects as go @@ -71,7 +71,7 @@ parents = ["", "Eve", "Eve", "Seth", "Seth", "Eve", "Eve", "Awan", "Eve"] fig = make_subplots( cols = 2, rows = 1, column_widths = [0.4, 0.4], - subplot_titles = ('branchvalues: remainder', 'branchvalues: total'), + subplot_titles = ('branchvalues: remainder
 
', 'branchvalues: total
 
'), specs = [[{'type': 'treemap', 'rowspan': 1}, {'type': 'treemap'}]] ) @@ -80,7 +80,7 @@ fig.add_trace(go.Treemap( parents = parents, values = [10, 14, 12, 10, 2, 6, 6, 1, 4], textinfo = "label+value+percent parent+percent entry+percent root", - pathbar = {"visible": False}), + ), row = 1, col = 1) fig.add_trace(go.Treemap( From 2e7c4cc8c537f61727745c6a9cded79d7237afbb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9Cmahdis-z=E2=80=9D?= <“maahhddiiss@gmail.com”> Date: Thu, 17 Oct 2019 12:39:05 -0400 Subject: [PATCH 6/7] some minor changes --- python/treemaps.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/python/treemaps.md b/python/treemaps.md index 6c8ce03ae..7adc937f2 100644 --- a/python/treemaps.md +++ b/python/treemaps.md @@ -97,7 +97,7 @@ fig.add_trace(go.Treemap( fig.show() ``` -### Set Color of Sectors +### Set Color of Treemap Sectors There are three different ways to change the color of the sectors in Treemap: 1) [marker.colors](https://plot.ly/javascript/reference/#treemap-marker-colors), 2) [colorway](https://plot.ly/javascript/reference/#treemap-colorway), 3) [colorscale](https://plot.ly/javascript/reference/#treemap-colorscale). The following examples show how to use each of them. @@ -111,7 +111,7 @@ parents = ["", "A1", "A2", "A3", "A4", "", "B1"] fig = go.Figure(go.Treemap( labels = labels, parents = parents, - marker = {'colors': ["pink", "royalblue", "lightgray", "purple", "cyan", "lightgray", "lightblue"]})) + marker_colors = ["pink", "royalblue", "lightgray", "purple", "cyan", "lightgray", "lightblue"])) fig.show() ``` @@ -145,14 +145,14 @@ fig = go.Figure(go.Treemap( labels = labels, values = values, parents = parents, - marker = {"colorscale": "Blues"})) + marker_colorscale = 'Blues')) fig.show() ``` ### Nested Layers in Treemap -The following example uses hierarchical data that includes layers and grouping. Treemap and [Sunburst](https://plot.ly/python/sunburst-charts/) charts reveal insights into the data, and the format of your hierarchical data. +The following example uses hierarchical data that includes layers and grouping. Treemap and [Sunburst](https://plot.ly/python/sunburst-charts/) charts reveal insights into the data, and the format of your hierarchical data. [maxdepth](https://plot.ly/python/reference/#treemap-maxdepth) attribute sets the number of rendered sectors from the given level. ```python import plotly.graph_objects as go @@ -181,7 +181,7 @@ fig.add_trace( ids = df2.ids, labels = df2.labels, parents = df2.parents, - maxdepth = 2), + maxdepth = 3), col = 2, row = 1) fig.update_layout( From 2fd565e6d65387ca4c2eb016465b68a4b8224782 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9Cmahdis-z=E2=80=9D?= <“maahhddiiss@gmail.com”> Date: Thu, 17 Oct 2019 13:51:40 -0400 Subject: [PATCH 7/7] update requirement.txt --- requirements.txt | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/requirements.txt b/requirements.txt index d701fb73f..17f793664 100644 --- a/requirements.txt +++ b/requirements.txt @@ -1,4 +1,4 @@ -plotly==4.1.1 +plotly==4.2.0 jupytext==1.1.1 jupyter notebook