{
"cells": [
{
"cell_type": "code",
"execution_count": 1,
"metadata": {},
"outputs": [
{
"data": {
"text/html": [
""
],
"text/vnd.plotly.v1+html": [
""
]
},
"metadata": {},
"output_type": "display_data"
}
],
"source": [
"import plotly\n",
"import plotly.graph_objs as go\n",
"import plotly.figure_factory as ff\n",
"import pandas as pd\n",
"plotly.offline.init_notebook_mode(connected=True)"
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"# Simple Table"
]
},
{
"cell_type": "code",
"execution_count": 6,
"metadata": {},
"outputs": [
{
"data": {
"application/vnd.plotly.v1+json": {
"config": {
"linkText": "Export to plot.ly",
"plotlyServerURL": "https://plot.ly",
"showLink": true
},
"data": [
{
"colorscale": [
[
0,
"#00083e"
],
[
0.5,
"#ededee"
],
[
1,
"#ffffff"
]
],
"hoverinfo": "none",
"opacity": 0.75,
"showscale": false,
"type": "heatmap",
"uid": "205a07ea-07b3-4cef-845f-5110a5700557",
"z": [
[
0,
0,
0,
0
],
[
0.5,
0.5,
0.5,
0.5
],
[
1,
1,
1,
1
],
[
0.5,
0.5,
0.5,
0.5
],
[
1,
1,
1,
1
],
[
0.5,
0.5,
0.5,
0.5
],
[
1,
1,
1,
1
],
[
0.5,
0.5,
0.5,
0.5
],
[
1,
1,
1,
1
],
[
0.5,
0.5,
0.5,
0.5
],
[
1,
1,
1,
1
],
[
0.5,
0.5,
0.5,
0.5
],
[
1,
1,
1,
1
],
[
0.5,
0.5,
0.5,
0.5
],
[
1,
1,
1,
1
],
[
0.5,
0.5,
0.5,
0.5
],
[
1,
1,
1,
1
],
[
0.5,
0.5,
0.5,
0.5
],
[
1,
1,
1,
1
],
[
0.5,
0.5,
0.5,
0.5
],
[
1,
1,
1,
1
],
[
0.5,
0.5,
0.5,
0.5
],
[
1,
1,
1,
1
],
[
0.5,
0.5,
0.5,
0.5
],
[
1,
1,
1,
1
],
[
0.5,
0.5,
0.5,
0.5
],
[
1,
1,
1,
1
],
[
0.5,
0.5,
0.5,
0.5
],
[
1,
1,
1,
1
],
[
0.5,
0.5,
0.5,
0.5
],
[
1,
1,
1,
1
],
[
0.5,
0.5,
0.5,
0.5
],
[
1,
1,
1,
1
],
[
0.5,
0.5,
0.5,
0.5
],
[
1,
1,
1,
1
],
[
0.5,
0.5,
0.5,
0.5
],
[
1,
1,
1,
1
],
[
0.5,
0.5,
0.5,
0.5
],
[
1,
1,
1,
1
],
[
0.5,
0.5,
0.5,
0.5
],
[
1,
1,
1,
1
],
[
0.5,
0.5,
0.5,
0.5
],
[
1,
1,
1,
1
],
[
0.5,
0.5,
0.5,
0.5
],
[
1,
1,
1,
1
],
[
0.5,
0.5,
0.5,
0.5
],
[
1,
1,
1,
1
],
[
0.5,
0.5,
0.5,
0.5
],
[
1,
1,
1,
1
],
[
0.5,
0.5,
0.5,
0.5
],
[
1,
1,
1,
1
],
[
0.5,
0.5,
0.5,
0.5
],
[
1,
1,
1,
1
]
]
}
],
"layout": {
"annotations": [
{
"align": "left",
"font": {
"color": "#ffffff"
},
"showarrow": false,
"text": "Rank",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 0,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#ffffff"
},
"showarrow": false,
"text": "State",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 0,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#ffffff"
},
"showarrow": false,
"text": "Postal",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 0,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#ffffff"
},
"showarrow": false,
"text": "Population",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 0,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "1",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 1,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Alabama",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 1,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "AL",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 1,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "4849377.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 1,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "2",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 2,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Alaska",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 2,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "AK",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 2,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "736732.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 2,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "3",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 3,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Arizona",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 3,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "AZ",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 3,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "6731484.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 3,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "4",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 4,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Arkansas",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 4,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "AR",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 4,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "2966369.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 4,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "5",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 5,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "California",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 5,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "CA",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 5,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "38802500.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 5,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "6",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 6,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Colorado",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 6,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "CO",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 6,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "5355866.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 6,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "7",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 7,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Connecticut",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 7,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "CT",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 7,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "3596677.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 7,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "8",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 8,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Delaware",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 8,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "DE",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 8,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "935614.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 8,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "9",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 9,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "District of Columbia",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 9,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "DC",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 9,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "658893.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 9,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "10",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 10,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Florida",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 10,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "FL",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 10,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "19893297.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 10,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "11",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 11,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Georgia",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 11,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "GA",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 11,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "10097343.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 11,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "12",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 12,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Hawaii",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 12,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "HI",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 12,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "1419561.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 12,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "13",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 13,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Idaho",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 13,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "ID",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 13,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "1634464.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 13,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "14",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 14,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Illinois",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 14,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "IL",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 14,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "12880580.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 14,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "15",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 15,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Indiana",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 15,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "IN",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 15,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "6596855.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 15,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "16",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 16,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Iowa",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 16,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "IA",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 16,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "3107126.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 16,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "17",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 17,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Kansas",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 17,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "KS",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 17,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "2904021.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 17,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "18",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 18,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Kentucky",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 18,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "KY",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 18,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "4413457.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 18,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "19",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 19,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Louisiana",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 19,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "LA",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 19,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "4649676.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 19,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "20",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 20,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Maine",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 20,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "ME",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 20,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "1330089.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 20,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "21",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 21,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Maryland",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 21,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "MD",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 21,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "5976407.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 21,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "22",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 22,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Massachusetts",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 22,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "MA",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 22,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "6745408.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 22,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "23",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 23,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Michigan",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 23,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "MI",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 23,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "9909877.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 23,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "24",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 24,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Minnesota",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 24,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "MN",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 24,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "5457173.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 24,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "25",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 25,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Mississippi",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 25,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "MS",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 25,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "2994079.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 25,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "26",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 26,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Missouri",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 26,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "MO",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 26,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "6063589.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 26,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "27",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 27,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Montana",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 27,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "MT",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 27,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "1023579.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 27,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "28",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 28,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Nebraska",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 28,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "NE",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 28,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "1881503.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 28,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "29",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 29,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Nevada",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 29,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "NV",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 29,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "2839098.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 29,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "30",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 30,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "New Hampshire",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 30,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "NH",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 30,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "1326813.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 30,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "31",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 31,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "New Jersey",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 31,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "NJ",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 31,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "8938175.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 31,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "32",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 32,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "New Mexico",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 32,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "NM",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 32,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "2085572.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 32,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "33",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 33,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "New York",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 33,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "NY",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 33,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "19746227.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 33,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "34",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 34,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "North Carolina",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 34,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "NC",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 34,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "9943964.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 34,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "35",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 35,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "North Dakota",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 35,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "ND",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 35,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "739482.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 35,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "36",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 36,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Ohio",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 36,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "OH",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 36,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "11594163.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 36,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "37",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 37,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Oklahoma",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 37,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "OK",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 37,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "3878051.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 37,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "38",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 38,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Oregon",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 38,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "OR",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 38,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "3970239.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 38,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "39",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 39,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Pennsylvania",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 39,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "PA",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 39,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "12787209.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 39,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "40",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 40,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Puerto Rico",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 40,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "PR",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 40,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "3548397.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 40,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "41",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 41,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Rhode Island",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 41,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "RI",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 41,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "1055173.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 41,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "42",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 42,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "South Carolina",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 42,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "SC",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 42,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "4832482.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 42,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "43",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 43,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "South Dakota",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 43,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "SD",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 43,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "853175.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 43,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "44",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 44,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Tennessee",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 44,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "TN",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 44,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "6549352.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 44,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "45",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 45,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Texas",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 45,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "TX",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 45,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "26956958.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 45,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "46",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 46,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Utah",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 46,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "UT",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 46,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "2942902.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 46,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "47",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 47,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Vermont",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 47,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "VT",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 47,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "626562.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 47,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "48",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 48,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Virginia",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 48,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "VA",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 48,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "8326289.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 48,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "49",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 49,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Washington",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 49,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "WA",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 49,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "7061530.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 49,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "50",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 50,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "West Virginia",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 50,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "WV",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 50,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "1850326.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 50,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "51",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 51,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Wisconsin",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 51,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "WI",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 51,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "5757564.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 51,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "52",
"x": -0.45,
"xanchor": "left",
"xref": "x",
"y": 52,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "Wyoming",
"x": 0.55,
"xanchor": "left",
"xref": "x",
"y": 52,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "WY",
"x": 1.55,
"xanchor": "left",
"xref": "x",
"y": 52,
"yref": "y"
},
{
"align": "left",
"font": {
"color": "#000000"
},
"showarrow": false,
"text": "584153.0",
"x": 2.55,
"xanchor": "left",
"xref": "x",
"y": 52,
"yref": "y"
}
],
"height": 1640,
"margin": {
"b": 0,
"l": 0,
"r": 0,
"t": 0
},
"xaxis": {
"dtick": 1,
"gridwidth": 2,
"showticklabels": false,
"tick0": -0.5,
"ticks": "",
"zeroline": false
},
"yaxis": {
"autorange": "reversed",
"dtick": 1,
"gridwidth": 2,
"showticklabels": false,
"tick0": 0.5,
"ticks": "",
"zeroline": false
}
}
},
"text/html": [
""
],
"text/vnd.plotly.v1+html": [
""
]
},
"metadata": {},
"output_type": "display_data"
}
],
"source": [
"df = pd.read_csv('https://raw.githubusercontent.com/plotly/datasets/master/2014_usa_states.csv')\n",
"table = ff.create_table(df, index=False)\n",
"plotly.offline.iplot(table, filename=\"simple_table\")"
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"# Styled Table"
]
},
{
"cell_type": "code",
"execution_count": 6,
"metadata": {},
"outputs": [
{
"data": {
"application/vnd.plotly.v1+json": {
"config": {
"linkText": "Export to plot.ly",
"plotlyServerURL": "https://plot.ly",
"showLink": true
},
"data": [
{
"cells": {
"align": [
"left",
"left",
"left",
"left",
"left"
],
"fill": {
"color": "#EDFAFF"
},
"line": {
"color": "#7D7F80"
},
"values": [
[
100,
90,
80,
90
],
[
95,
85,
75,
95
]
]
},
"header": {
"align": [
"left",
"left",
"left",
"left",
"left"
],
"fill": {
"color": "#a1c3d1"
},
"line": {
"color": "#7D7F80"
},
"values": [
"A Scores",
"B Scores"
]
},
"type": "table",
"uid": "896076e3-cd00-4797-ab26-92ad6d735ba1"
}
],
"layout": {
"height": 300,
"width": 1000
}
},
"text/html": [
""
],
"text/vnd.plotly.v1+html": [
""
]
},
"metadata": {},
"output_type": "display_data"
}
],
"source": [
"trace = go.Table(\n",
" header=dict(\n",
" values=['A Scores', 'B Scores'],\n",
" line = dict(color='#7D7F80'),\n",
" fill = dict(color='#a1c3d1'),\n",
" align = ['left'] * 5\n",
" ),\n",
" cells=dict(\n",
" values=[[100, 90, 80, 90], [95, 85, 75, 95]],\n",
" line = dict(color='#7D7F80'),\n",
" fill = dict(color='#EDFAFF'),\n",
" align = ['left'] * 5\n",
" )\n",
")\n",
"\n",
"layout = dict(width=1000, height=300)\n",
"fig = dict(data=[trace], layout=layout)\n",
"plotly.offline.iplot(fig, filename = 'styled_table')"
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"# Use a Panda's Dataframe"
]
},
{
"cell_type": "code",
"execution_count": 7,
"metadata": {},
"outputs": [
{
"data": {
"application/vnd.plotly.v1+json": {
"config": {
"linkText": "Export to plot.ly",
"plotlyServerURL": "https://plot.ly",
"showLink": true
},
"data": [
{
"cells": {
"align": [
"left",
"left",
"left",
"left",
"left"
],
"fill": {
"color": "#F5F8FF"
},
"values": [
[
1,
2,
3,
4,
5,
6,
7,
8,
9,
10,
11,
12,
13,
14,
15,
16,
17,
18,
19,
20,
21,
22,
23,
24,
25,
26,
27,
28,
29,
30,
31,
32,
33,
34,
35,
36,
37,
38,
39,
40,
41,
42,
43,
44,
45,
46,
47,
48,
49,
50,
51,
52
],
[
"Alabama",
"Alaska",
"Arizona",
"Arkansas",
"California",
"Colorado",
"Connecticut",
"Delaware",
"District of Columbia",
"Florida",
"Georgia",
"Hawaii",
"Idaho",
"Illinois",
"Indiana",
"Iowa",
"Kansas",
"Kentucky",
"Louisiana",
"Maine",
"Maryland",
"Massachusetts",
"Michigan",
"Minnesota",
"Mississippi",
"Missouri",
"Montana",
"Nebraska",
"Nevada",
"New Hampshire",
"New Jersey",
"New Mexico",
"New York",
"North Carolina",
"North Dakota",
"Ohio",
"Oklahoma",
"Oregon",
"Pennsylvania",
"Puerto Rico",
"Rhode Island",
"South Carolina",
"South Dakota",
"Tennessee",
"Texas",
"Utah",
"Vermont",
"Virginia",
"Washington",
"West Virginia",
"Wisconsin",
"Wyoming"
],
[
"AL",
"AK",
"AZ",
"AR",
"CA",
"CO",
"CT",
"DE",
"DC",
"FL",
"GA",
"HI",
"ID",
"IL",
"IN",
"IA",
"KS",
"KY",
"LA",
"ME",
"MD",
"MA",
"MI",
"MN",
"MS",
"MO",
"MT",
"NE",
"NV",
"NH",
"NJ",
"NM",
"NY",
"NC",
"ND",
"OH",
"OK",
"OR",
"PA",
"PR",
"RI",
"SC",
"SD",
"TN",
"TX",
"UT",
"VT",
"VA",
"WA",
"WV",
"WI",
"WY"
],
[
4849377,
736732,
6731484,
2966369,
38802500,
5355866,
3596677,
935614,
658893,
19893297,
10097343,
1419561,
1634464,
12880580,
6596855,
3107126,
2904021,
4413457,
4649676,
1330089,
5976407,
6745408,
9909877,
5457173,
2994079,
6063589,
1023579,
1881503,
2839098,
1326813,
8938175,
2085572,
19746227,
9943964,
739482,
11594163,
3878051,
3970239,
12787209,
3548397,
1055173,
4832482,
853175,
6549352,
26956958,
2942902,
626562,
8326289,
7061530,
1850326,
5757564,
584153
]
]
},
"header": {
"align": [
"left",
"left",
"left",
"left",
"left"
],
"fill": {
"color": "#C2D4FF"
},
"values": [
"Rank",
"State",
"Postal",
"Population"
]
},
"type": "table",
"uid": "3d1bc531-de1e-4ad0-8f77-a4b6d9eb259a"
}
],
"layout": {}
},
"text/html": [
""
],
"text/vnd.plotly.v1+html": [
""
]
},
"metadata": {},
"output_type": "display_data"
}
],
"source": [
"df = pd.read_csv('https://raw.githubusercontent.com/plotly/datasets/master/2014_usa_states.csv')\n",
"trace = go.Table(\n",
" header=dict(\n",
" values=list(df.columns),\n",
" fill = dict(color='#C2D4FF'),\n",
" align = ['left'] * 5\n",
" ),\n",
" cells=dict(\n",
" values=[df.Rank, df.State, df.Postal, df.Population],\n",
" fill = dict(color='#F5F8FF'),\n",
" align = ['left'] * 5\n",
" )\n",
")\n",
"plotly.offline.iplot([trace] , filename='pandas_table')"
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"# Changing Row and Column Size"
]
},
{
"cell_type": "code",
"execution_count": 14,
"metadata": {},
"outputs": [
{
"data": {
"application/vnd.plotly.v1+json": {
"config": {
"linkText": "Export to plot.ly",
"plotlyServerURL": "https://plot.ly",
"showLink": true
},
"data": [
{
"cells": {
"align": [
"left",
"center"
],
"fill": {
"color": [
"#25FEFD",
"white"
]
},
"font": {
"color": "#506784",
"size": 12
},
"height": 30,
"line": {
"color": "#506784"
},
"values": [
[
"Salaries",
"Office",
"Merchandise",
"Legal",
"TOTAL
EXPENSES"
],
[
"Lorem ipsum dolor sit amet, tollit discere inermis pri ut. Eos ea iusto timeam, an prima laboramus vim. Id usu aeterno adversarium, summo mollis timeam vel ad",
"Lorem ipsum dolor sit amet, tollit discere inermis pri ut. Eos ea iusto timeam, an prima laboramus vim. Id usu aeterno adversarium, summo mollis timeam vel ad",
"Lorem ipsum dolor sit amet, tollit discere inermis pri ut. Eos ea iusto timeam, an prima laboramus vim. Id usu aeterno adversarium, summo mollis timeam vel ad",
"Lorem ipsum dolor sit amet, tollit discere inermis pri ut. Eos ea iusto timeam, an prima laboramus vim. Id usu aeterno adversarium, summo mollis timeam vel ad",
"Lorem ipsum dolor sit amet, tollit discere inermis pri ut. Eos ea iusto timeam, an prima laboramus vim. Id usu aeterno adversarium, summo mollis timeam vel ad"
]
]
},
"columnorder": [
1,
2
],
"columnwidth": [
80,
400
],
"header": {
"align": [
"left",
"center"
],
"fill": {
"color": "#119DFF"
},
"font": {
"color": "white",
"size": 12
},
"height": 40,
"line": {
"color": "#506784"
},
"values": [
[
"EXPENSES
as of July 2017"
],
[
"DESCRIPTION"
]
]
},
"type": "table",
"uid": "8c94990d-f4c9-4add-8133-114929fcc0d1"
}
],
"layout": {}
},
"text/html": [
""
],
"text/vnd.plotly.v1+html": [
""
]
},
"metadata": {},
"output_type": "display_data"
}
],
"source": [
"values = [\n",
" ['Salaries', 'Office', 'Merchandise', 'Legal', 'TOTAL
EXPENSES'],\n",
" [\n",
" \"Lorem ipsum dolor sit amet, tollit discere inermis pri ut. Eos ea iusto timeam, an prima laboramus vim. Id usu aeterno adversarium, summo mollis timeam vel ad\",\n",
" \"Lorem ipsum dolor sit amet, tollit discere inermis pri ut. Eos ea iusto timeam, an prima laboramus vim. Id usu aeterno adversarium, summo mollis timeam vel ad\",\n",
" \"Lorem ipsum dolor sit amet, tollit discere inermis pri ut. Eos ea iusto timeam, an prima laboramus vim. Id usu aeterno adversarium, summo mollis timeam vel ad\",\n",
" \"Lorem ipsum dolor sit amet, tollit discere inermis pri ut. Eos ea iusto timeam, an prima laboramus vim. Id usu aeterno adversarium, summo mollis timeam vel ad\",\n",
" \"Lorem ipsum dolor sit amet, tollit discere inermis pri ut. Eos ea iusto timeam, an prima laboramus vim. Id usu aeterno adversarium, summo mollis timeam vel ad\"\n",
" ]\n",
"]\n",
"\n",
"trace = go.Table(\n",
" columnorder = [1, 2],\n",
" columnwidth = [80, 400],\n",
" header = dict(\n",
" values = [['EXPENSES
as of July 2017'], ['DESCRIPTION']],\n",
" line = dict(color='#506784'),\n",
" fill = dict(color='#119DFF'),\n",
" align = ['left','center'],\n",
" font = dict(color='white', size=12),\n",
" height = 40\n",
" ),\n",
" cells = dict(\n",
" values = values,\n",
" line = dict(color='#506784'),\n",
" fill = dict(color=['#25FEFD', 'white']),\n",
" align = ['left', 'center'],\n",
" font = dict(color='#506784', size=12),\n",
" height = 30\n",
" )\n",
")\n",
"plotly.offline.iplot([trace], filename = \"Row and Column Size\")"
]
}
],
"metadata": {
"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.6.5"
}
},
"nbformat": 4,
"nbformat_minor": 2
}