É exibido diretamente no Google Colab porque a expressão é avaliada da forma que foi enviada, o propósito é diferente para o ambiente. Para fazer com que os plots sejam exibidos no seu código local é necessário chamar o método show()
do matplotlib.pyplot
, algo como:
Começo do arquivo, importando o módulo:
import matplotlib.pyplot as plt
E para exibir o plot
, definimos o mesmo com o método boxplot
e chamamos o método show
:
classifica.boxplot()
plt.show()
O resultado seria:
Para os casos em que chama os métodos para exibir o conteúdo em HTML
, você está chamando o método display
(que exibe a expressão avaliada passada como argumento nos outputs disponíveis) e chamando métodos e funções que transformem as expressões em HTML, como em uma das linhas:
display(HTML(classifica.to_html()))
Perceba que, na linha acima, duas funções são chamadas para transformar o objeto atual em uma string
em HTML, mas a função HTML()
não está retornando uma string
e sim um novo tipo de objeto, por isso recebe ele descrito no output (terminal, neste caso):
<IPython.core.display.HTML object>
Para mais informações sobre objetos do tipo e funções disponíveis no IPython, recomendo consultar sua documentação mais a fundo.
Já apenas a expressão to_html()
do seu objeto classifica
retorna uma string
. Terá o retorno do HTML corretamente ao usar a função display
para exibi-lo. Como no exemplo:
display(classifica.to_html())
O resultado seria:
<table border="1" class="dataframe">
<thead>
<tr style="text-align: right;">
<th></th>
<th>Rodada 1</th>
<th>Rodada 2</th>
<th>Rodada 3</th>
<th>Rodada 4</th>
</tr>
</thead>
<tbody>
<tr>
<th>Palmeiras</th>
<td>3</td>
<td>3</td>
<td>3</td>
<td>3</td>
</tr>
<tr>
<th>Corinthians</th>
<td>3</td>
<td>1</td>
<td>3</td>
<td>0</td>
</tr>
<tr>
<th>São Paulo</th>
<td>1</td>
<td>0</td>
<td>3</td>
<td>3</td>
</tr>
<tr>
<th>Santos</th>
<td>0</td>
<td>3</td>
<td>3</td>
<td>1</td>
</tr>
</tbody>
</table>
Para o HTML estilizado, pode obter uma string
em HTML a partir do método render
no retorno da estilização do seu plot:
s = classifica.style.background_gradient(cmap=cm)
rendered_plot = s.render()
display(rendered_plot)
Tendo como resultado:
<style type="text/css" >
#T_2b2a5_row0_col0,#T_2b2a5_row0_col1,#T_2b2a5_row0_col3,#T_2b2a5_row1_col0,#T_2b2a5_row2_col3,#T_2b2a5_row3_col1{
background-color: #008000;
color: #f1f1f1;
}#T_2b2a5_row0_col2,#T_2b2a5_row1_col2,#T_2b2a5_row1_col3,#T_2b2a5_row2_col1,#T_2b2a5_row2_col2,#T_2b2a5_row3_col0,#T_2b2a5_row3_col2{
background-color: #ebf3eb;
color: #000000;
}#T_2b2a5_row1_col1,#T_2b2a5_row2_col0,#T_2b2a5_row3_col3{
background-color: #9ccd9c;
color: #000000;
}</style><table id="T_2b2a5_" ><thead> <tr> <th class="blank level0" ></th> <th class="col_heading level0 col0" >Rodada 1</th> <th class="col_heading level0 col1" >Rodada 2</th> <th class="col_heading level0 col2" >Rodada 3</th> <th class="col_heading level0 col3" >Rodada 4</th> </tr></thead><tbody>
<tr>
<th id="T_2b2a5_level0_row0" class="row_heading level0 row0" >Palmeiras</th>
<td id="T_2b2a5_row0_col0" class="data row0 col0" >3</td>
<td id="T_2b2a5_row0_col1" class="data row0 col1" >3</td>
<td id="T_2b2a5_row0_col2" class="data row0 col2" >3</td>
<td id="T_2b2a5_row0_col3" class="data row0 col3" >3</td>
</tr>
<tr>
<th id="T_2b2a5_level0_row1" class="row_heading level0 row1" >Corinthians</th>
<td id="T_2b2a5_row1_col0" class="data row1 col0" >3</td>
<td id="T_2b2a5_row1_col1" class="data row1 col1" >1</td>
<td id="T_2b2a5_row1_col2" class="data row1 col2" >3</td>
<td id="T_2b2a5_row1_col3" class="data row1 col3" >0</td>
</tr>
<tr>
<th id="T_2b2a5_level0_row2" class="row_heading level0 row2" >São Paulo</th>
<td id="T_2b2a5_row2_col0" class="data row2 col0" >1</td>
<td id="T_2b2a5_row2_col1" class="data row2 col1" >0</td>
<td id="T_2b2a5_row2_col2" class="data row2 col2" >3</td>
<td id="T_2b2a5_row2_col3" class="data row2 col3" >3</td>
</tr>
<tr>
<th id="T_2b2a5_level0_row3" class="row_heading level0 row3" >Santos</th>
<td id="T_2b2a5_row3_col0" class="data row3 col0" >0</td>
<td id="T_2b2a5_row3_col1" class="data row3 col1" >3</td>
<td id="T_2b2a5_row3_col2" class="data row3 col2" >3</td>
<td id="T_2b2a5_row3_col3" class="data row3 col3" >1</td>
</tr>
</tbody></table>
Dado que as expressões são avaliadas de forma diferente no Google Colab, para que não tenha que copiar e colar o código em HTML em algum site ou arquivo e avaliar no browser, acredito que a biblioteca imgkit com wkhtmltopdf seja uma boa escolha, salvando o conteúdo avaliado em um arquivo local, como no exemplo:
import imgkit
imgkit.from_string(classifica.to_html(), 'rendered_plot.png')
Mais informações de como fazer o imgkit
rodar de forma correta estão em sua documentação, acredito que as referências incluídas possuam mais informações caso as necessite.