Compartilhando Gráficos Interativos no Medium Utilizando DataPane

Fernando Marcos Wittmann
2 min readApr 26, 2021

Neste post vou compartilhar as funcionalidades interessantes da biblioteca datapane. Nosso objetivo aqui será aprender à como incluir gráficos interativos em seus posts do Medium. Segue um exemplo com os dados de vacinação da Covid:

O resto deste post será o passo a passo sobre como criei a imagem acima. Quem preferir, poderá também acompanhar o resto deste post no Google Colab a partir deste link. Primeiramente, vamos instalar a biblioteca datapane:

!pip install --quiet datapane

Em seguida, você deverá criar uma conta em https://datapane.com, acessar https://datapane.com/getting-started/, pegar o TOKEN disponibilizado por eles e fazer o login:

!datapane login --token=colar_token_aqui

Por fim, vamos testar criar um gráfico utilizando o plotly:

import pandas as pdimport plotly.express as pxdf = pd.read_csv('https://raw.githubusercontent.com/owid/covid-19-data/master/public/data/vaccinations/vaccinations.csv')df=df.query('location=="Brazil"')fig = px.line(df, x="date", y="total_vaccinations")fig.show()

A imagem acima eu simplesmente copiei e colei. No entanto, para que o usuário possa navegar em tal gráfico, podemos utilizar o Datapane para criação de reports. Tais reports podem tanto ser compartilhados na própria plataforma deles ou serem embutido à outros locais como o Medium. Para gerar um report público, basta utilizar utilizar o seguinte comando incluindo o objeto do plotly fig criado anteriormente:

import datapane as dp
report = dp.Report(fig)
report.publish(name='My Covid Report', visibility=dp.Visibility.PUBLIC)

Um link irá aparecer, como podemos observar aqui:

E por fim, basta copiar o link para seu post no Medium e Voilà:

Pronto! Se você quiser acompanhar esses passos no Google Colab, segue o link!

--

--

Fernando Marcos Wittmann

Head of Data Science @ Awari | Machine Learning Expert | E-Learning