Baromètre Science Ouverte Université Côte d'Azur : fichiers HTML des plotly charts

Tuto : https://towardsdatascience.com/how-to-create-a-plotly-visualization-and-embed-it-on-websites-517c1a78568b

Infra : Plotly Chart Studio (service en ligne de création et hébergement de charts plotly)

Objectif : graphiques du baromètre science ouverte exportées en format HTML afin de pouvoir être ensuite embeddés en iframe dans des applications tierces.

**A noter : les fichiers html sont hebergés sur Github car trop lourds pour le compte gratuit sur Plotly Chart Studio

How it works ?

Export des graphiques en HTML depuis le baromètre

cf https://github.com/azur-scd/barometre-science-ouverte-uca.v2

Génération des exports HTML

Les fichiers exportés sont sauvegardés dynamiquement dans /charts_html_files (à la racine du dépôt)

Dans le code :

import plotly.io as pio

@callback(...)
def update():
   ....
   pio.write_html(fig, file="charts_html_files/publis/oa_rate.html", auto_open=False)
   return fig

Archivage

Copier le contenu de /charts_html_files dans ce dépôt

Embedded Iframe

Portion de code hTML à insérer dans n'importe quelle page web

<iframe id="igraph" 
        scrolling="no" 
		style="border:none;" 
		seamless="seamless" 
		src="https://azur-scd.github.io/bso-plotly-embedded-html/publis/oa_rate.html" 
		height="525" width="100%"></iframe>