Skip to content

Instantly share code, notes, and snippets.

@ipmb

ipmb/lesson0.ipynb.json

Last active December 15, 2015 08:39
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ipmb/5232330 to your computer and use it in GitHub Desktop.
Save ipmb/5232330 to your computer and use it in GitHub Desktop.
Download ZIP
IPython Notebook & IPython Blocks: Lesson 0
Raw
lesson0.ipynb.json
{
"metadata": {
"name": "Lesson 0"
},
"nbformat": 3,
"nbformat_minor": 0,
"worksheets": [
{
"cells": [
{
"cell_type": "heading",
"level": 1,
"metadata": {},
"source": "IPython Blocks"
},
{
"cell_type": "code",
"collapsed": false,
"input": "from ipythonblocks import BlockGrid",
"language": "python",
"metadata": {},
"outputs": [],
"prompt_number": 1
},
{
"cell_type": "code",
"collapsed": false,
"input": "BlockGrid?",
"language": "python",
"metadata": {},
"outputs": [],
"prompt_number": 6
},
{
"cell_type": "code",
"collapsed": false,
"input": "grid = BlockGrid(5, 5, fill=(42, 128, 200))\ngrid",
"language": "python",
"metadata": {},
"outputs": [
{
"html": "<style type=\"text/css\">table.blockgrid {border: none;} .blockgrid tr {border: none;} .blockgrid td {padding: 0px;} #blockse521b892-9b5b-461c-b3ae-12bb6c80bfbe td {border: 1px solid white;}</style><table id=\"blockse521b892-9b5b-461c-b3ae-12bb6c80bfbe\" class=\"blockgrid\"><tbody><tr><td title=\"Index: [0, 0]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [0, 1]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [0, 2]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [0, 3]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [0, 4]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td></tr><tr><td title=\"Index: [1, 0]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [1, 1]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [1, 2]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [1, 3]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [1, 4]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td></tr><tr><td title=\"Index: [2, 0]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [2, 1]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [2, 2]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [2, 3]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [2, 4]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td></tr><tr><td title=\"Index: [3, 0]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [3, 1]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [3, 2]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [3, 3]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [3, 4]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td></tr><tr><td title=\"Index: [4, 0]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [4, 1]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [4, 2]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [4, 3]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [4, 4]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td></tr></tbody></table>",
"output_type": "pyout",
"prompt_number": 28,
"text": "<ipythonblocks.ipythonblocks.BlockGrid at 0x10246ca10>"
}
],
"prompt_number": 28
},
{
"cell_type": "code",
"collapsed": false,
"input": "grid.shape",
"language": "python",
"metadata": {},
"outputs": [
{
"output_type": "pyout",
"prompt_number": 31,
"text": "(5, 5)"
}
],
"prompt_number": 31
},
{
"cell_type": "code",
"collapsed": false,
"input": "grid[:, 3]",
"language": "python",
"metadata": {},
"outputs": [
{
"html": "<style type=\"text/css\">table.blockgrid {border: none;} .blockgrid tr {border: none;} .blockgrid td {padding: 0px;} #blocks3165ddb0-f1c5-4061-97f5-e8663561e06a td {border: 1px solid white;}</style><table id=\"blocks3165ddb0-f1c5-4061-97f5-e8663561e06a\" class=\"blockgrid\"><tbody><tr><td title=\"Index: [0, 0]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td></tr><tr><td title=\"Index: [1, 0]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td></tr><tr><td title=\"Index: [2, 0]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td></tr><tr><td title=\"Index: [3, 0]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td></tr><tr><td title=\"Index: [4, 0]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td></tr></tbody></table>",
"output_type": "pyout",
"prompt_number": 35,
"text": "<ipythonblocks.ipythonblocks.BlockGrid at 0x102461c50>"
}
],
"prompt_number": 35
},
{
"cell_type": "heading",
"level": 2,
"metadata": {},
"source": "Changing Colors"
},
{
"cell_type": "code",
"collapsed": false,
"input": "block = grid[3, 2]\nblock.rgb = (57, 23, 130)\nblock = grid[3, 1]\nblock.rgb = (57, 23, 130)\nblock = grid[3, 3]\nblock.rgb = (57, 23, 130)\nblock = grid[1, 1]\nblock.rgb = (57, 23, 130)\nblock = grid[1, 3]\nblock.rgb = (57, 23, 130)\nblock = grid[4, 2]\nblock.rgb = (242, 7, 238)\ngrid",
"language": "python",
"metadata": {},
"outputs": [
{
"html": "<style type=\"text/css\">table.blockgrid {border: none;} .blockgrid tr {border: none;} .blockgrid td {padding: 0px;} #blocksd93b3906-2e33-4ff1-ae84-99a3d48c0ca8 td {border: 1px solid white;}</style><table id=\"blocksd93b3906-2e33-4ff1-ae84-99a3d48c0ca8\" class=\"blockgrid\"><tbody><tr><td title=\"Index: [0, 0]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [0, 1]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [0, 2]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [0, 3]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [0, 4]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td></tr><tr><td title=\"Index: [1, 0]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [1, 1]&#10;Color: (57, 23, 130)\" style=\"width: 20px; height: 20px;background-color: rgb(57, 23, 130);\"></td><td title=\"Index: [1, 2]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [1, 3]&#10;Color: (57, 23, 130)\" style=\"width: 20px; height: 20px;background-color: rgb(57, 23, 130);\"></td><td title=\"Index: [1, 4]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td></tr><tr><td title=\"Index: [2, 0]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [2, 1]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [2, 2]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [2, 3]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [2, 4]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td></tr><tr><td title=\"Index: [3, 0]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [3, 1]&#10;Color: (57, 23, 130)\" style=\"width: 20px; height: 20px;background-color: rgb(57, 23, 130);\"></td><td title=\"Index: [3, 2]&#10;Color: (57, 23, 130)\" style=\"width: 20px; height: 20px;background-color: rgb(57, 23, 130);\"></td><td title=\"Index: [3, 3]&#10;Color: (57, 23, 130)\" style=\"width: 20px; height: 20px;background-color: rgb(57, 23, 130);\"></td><td title=\"Index: [3, 4]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td></tr><tr><td title=\"Index: [4, 0]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [4, 1]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [4, 2]&#10;Color: (242, 7, 238)\" style=\"width: 20px; height: 20px;background-color: rgb(242, 7, 238);\"></td><td title=\"Index: [4, 3]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [4, 4]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td></tr></tbody></table>",
"output_type": "pyout",
"prompt_number": 54,
"text": "<ipythonblocks.ipythonblocks.BlockGrid at 0x10246ca10>"
}
],
"prompt_number": 54
},
{
"cell_type": "markdown",
"metadata": {},
"source": "## Keep it DRY: `for` loop introduction\n\nDRY = Don't Repeat Yourself"
},
{
"cell_type": "code",
"collapsed": false,
"input": "newgrid = BlockGrid(5, 5, fill=(42, 128, 200))\nfor block in (newgrid[3, 2], newgrid[3, 1], newgrid[3, 3], newgrid[1, 1], newgrid[1, 3]):\n block.rgb = (57, 23, 130)\nnewgrid",
"language": "python",
"metadata": {},
"outputs": [
{
"html": "<style type=\"text/css\">table.blockgrid {border: none;} .blockgrid tr {border: none;} .blockgrid td {padding: 0px;} #blocksd407210a-1ad6-4e44-bcb8-553036d66bca td {border: 1px solid white;}</style><table id=\"blocksd407210a-1ad6-4e44-bcb8-553036d66bca\" class=\"blockgrid\"><tbody><tr><td title=\"Index: [0, 0]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [0, 1]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [0, 2]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [0, 3]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [0, 4]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td></tr><tr><td title=\"Index: [1, 0]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [1, 1]&#10;Color: (57, 23, 130)\" style=\"width: 20px; height: 20px;background-color: rgb(57, 23, 130);\"></td><td title=\"Index: [1, 2]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [1, 3]&#10;Color: (57, 23, 130)\" style=\"width: 20px; height: 20px;background-color: rgb(57, 23, 130);\"></td><td title=\"Index: [1, 4]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td></tr><tr><td title=\"Index: [2, 0]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [2, 1]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [2, 2]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [2, 3]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [2, 4]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td></tr><tr><td title=\"Index: [3, 0]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [3, 1]&#10;Color: (57, 23, 130)\" style=\"width: 20px; height: 20px;background-color: rgb(57, 23, 130);\"></td><td title=\"Index: [3, 2]&#10;Color: (57, 23, 130)\" style=\"width: 20px; height: 20px;background-color: rgb(57, 23, 130);\"></td><td title=\"Index: [3, 3]&#10;Color: (57, 23, 130)\" style=\"width: 20px; height: 20px;background-color: rgb(57, 23, 130);\"></td><td title=\"Index: [3, 4]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td></tr><tr><td title=\"Index: [4, 0]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [4, 1]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [4, 2]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [4, 3]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [4, 4]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td></tr></tbody></table>",
"output_type": "pyout",
"prompt_number": 59,
"text": "<ipythonblocks.ipythonblocks.BlockGrid at 0x102603e90>"
}
],
"prompt_number": 59
},
{
"cell_type": "markdown",
"metadata": {},
"source": "## Even DRYer: Improving our `for` loop"
},
{
"cell_type": "code",
"collapsed": false,
"input": "grid = BlockGrid(5, 5, fill=(42, 128, 200))\ncoordinates = [(3, 2), (3, 1), (3, 3), (1, 1), (1, 3)]\nfor y, x in coordinates:\n grid[y, x].rgb = (57, 23, 130)\ngrid",
"language": "python",
"metadata": {},
"outputs": [
{
"html": "<style type=\"text/css\">table.blockgrid {border: none;} .blockgrid tr {border: none;} .blockgrid td {padding: 0px;} #blocksd6cc67d1-1155-490f-80dc-66d90737be40 td {border: 1px solid white;}</style><table id=\"blocksd6cc67d1-1155-490f-80dc-66d90737be40\" class=\"blockgrid\"><tbody><tr><td title=\"Index: [0, 0]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [0, 1]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [0, 2]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [0, 3]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [0, 4]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td></tr><tr><td title=\"Index: [1, 0]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [1, 1]&#10;Color: (57, 23, 130)\" style=\"width: 20px; height: 20px;background-color: rgb(57, 23, 130);\"></td><td title=\"Index: [1, 2]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [1, 3]&#10;Color: (57, 23, 130)\" style=\"width: 20px; height: 20px;background-color: rgb(57, 23, 130);\"></td><td title=\"Index: [1, 4]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td></tr><tr><td title=\"Index: [2, 0]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [2, 1]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [2, 2]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [2, 3]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [2, 4]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td></tr><tr><td title=\"Index: [3, 0]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [3, 1]&#10;Color: (57, 23, 130)\" style=\"width: 20px; height: 20px;background-color: rgb(57, 23, 130);\"></td><td title=\"Index: [3, 2]&#10;Color: (57, 23, 130)\" style=\"width: 20px; height: 20px;background-color: rgb(57, 23, 130);\"></td><td title=\"Index: [3, 3]&#10;Color: (57, 23, 130)\" style=\"width: 20px; height: 20px;background-color: rgb(57, 23, 130);\"></td><td title=\"Index: [3, 4]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td></tr><tr><td title=\"Index: [4, 0]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [4, 1]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [4, 2]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [4, 3]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td><td title=\"Index: [4, 4]&#10;Color: (42, 128, 200)\" style=\"width: 20px; height: 20px;background-color: rgb(42, 128, 200);\"></td></tr></tbody></table>",
"output_type": "pyout",
"prompt_number": 84,
"text": "<ipythonblocks.ipythonblocks.BlockGrid at 0x1026150d0>"
}
],
"prompt_number": 84
},
{
"cell_type": "markdown",
"metadata": {},
"source": "## Animating and the `if`/`else` statement"
},
{
"cell_type": "code",
"collapsed": false,
"input": "grid = BlockGrid(5, 5, fill=(42, 128, 200))\ncoordinates = [(3, 2), (3, 1), (3, 3), (1, 1), (1, 3)]\nfor block in grid.animate:\n if (block.row, block.col) in coordinates:\n block.rgb = (57, 23, 130)\n else:\n block.rgb = (100, 230, 245)",
"language": "python",
"metadata": {},
"outputs": [
{
"html": "<style type=\"text/css\">table.blockgrid {border: none;} .blockgrid tr {border: none;} .blockgrid td {padding: 0px;} #blocks57af294f-e5e4-4d3c-afad-8e5dd0e50ecc td {border: 1px solid white;}</style><table id=\"blocks57af294f-e5e4-4d3c-afad-8e5dd0e50ecc\" class=\"blockgrid\"><tbody><tr><td title=\"Index: [0, 0]&#10;Color: (100, 230, 245)\" style=\"width: 20px; height: 20px;background-color: rgb(100, 230, 245);\"></td><td title=\"Index: [0, 1]&#10;Color: (100, 230, 245)\" style=\"width: 20px; height: 20px;background-color: rgb(100, 230, 245);\"></td><td title=\"Index: [0, 2]&#10;Color: (100, 230, 245)\" style=\"width: 20px; height: 20px;background-color: rgb(100, 230, 245);\"></td><td title=\"Index: [0, 3]&#10;Color: (100, 230, 245)\" style=\"width: 20px; height: 20px;background-color: rgb(100, 230, 245);\"></td><td title=\"Index: [0, 4]&#10;Color: (100, 230, 245)\" style=\"width: 20px; height: 20px;background-color: rgb(100, 230, 245);\"></td></tr><tr><td title=\"Index: [1, 0]&#10;Color: (100, 230, 245)\" style=\"width: 20px; height: 20px;background-color: rgb(100, 230, 245);\"></td><td title=\"Index: [1, 1]&#10;Color: (57, 23, 130)\" style=\"width: 20px; height: 20px;background-color: rgb(57, 23, 130);\"></td><td title=\"Index: [1, 2]&#10;Color: (100, 230, 245)\" style=\"width: 20px; height: 20px;background-color: rgb(100, 230, 245);\"></td><td title=\"Index: [1, 3]&#10;Color: (57, 23, 130)\" style=\"width: 20px; height: 20px;background-color: rgb(57, 23, 130);\"></td><td title=\"Index: [1, 4]&#10;Color: (100, 230, 245)\" style=\"width: 20px; height: 20px;background-color: rgb(100, 230, 245);\"></td></tr><tr><td title=\"Index: [2, 0]&#10;Color: (100, 230, 245)\" style=\"width: 20px; height: 20px;background-color: rgb(100, 230, 245);\"></td><td title=\"Index: [2, 1]&#10;Color: (100, 230, 245)\" style=\"width: 20px; height: 20px;background-color: rgb(100, 230, 245);\"></td><td title=\"Index: [2, 2]&#10;Color: (100, 230, 245)\" style=\"width: 20px; height: 20px;background-color: rgb(100, 230, 245);\"></td><td title=\"Index: [2, 3]&#10;Color: (100, 230, 245)\" style=\"width: 20px; height: 20px;background-color: rgb(100, 230, 245);\"></td><td title=\"Index: [2, 4]&#10;Color: (100, 230, 245)\" style=\"width: 20px; height: 20px;background-color: rgb(100, 230, 245);\"></td></tr><tr><td title=\"Index: [3, 0]&#10;Color: (100, 230, 245)\" style=\"width: 20px; height: 20px;background-color: rgb(100, 230, 245);\"></td><td title=\"Index: [3, 1]&#10;Color: (57, 23, 130)\" style=\"width: 20px; height: 20px;background-color: rgb(57, 23, 130);\"></td><td title=\"Index: [3, 2]&#10;Color: (57, 23, 130)\" style=\"width: 20px; height: 20px;background-color: rgb(57, 23, 130);\"></td><td title=\"Index: [3, 3]&#10;Color: (57, 23, 130)\" style=\"width: 20px; height: 20px;background-color: rgb(57, 23, 130);\"></td><td title=\"Index: [3, 4]&#10;Color: (100, 230, 245)\" style=\"width: 20px; height: 20px;background-color: rgb(100, 230, 245);\"></td></tr><tr><td title=\"Index: [4, 0]&#10;Color: (100, 230, 245)\" style=\"width: 20px; height: 20px;background-color: rgb(100, 230, 245);\"></td><td title=\"Index: [4, 1]&#10;Color: (100, 230, 245)\" style=\"width: 20px; height: 20px;background-color: rgb(100, 230, 245);\"></td><td title=\"Index: [4, 2]&#10;Color: (100, 230, 245)\" style=\"width: 20px; height: 20px;background-color: rgb(100, 230, 245);\"></td><td title=\"Index: [4, 3]&#10;Color: (100, 230, 245)\" style=\"width: 20px; height: 20px;background-color: rgb(100, 230, 245);\"></td><td title=\"Index: [4, 4]&#10;Color: (100, 230, 245)\" style=\"width: 20px; height: 20px;background-color: rgb(100, 230, 245);\"></td></tr></tbody></table>",
"output_type": "display_data",
"text": "<IPython.core.display.HTML at 0x102606f10>"
}
],
"prompt_number": 85
}
],
"metadata": {}
}
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment