Web log de Serge Boisse
On line depuis 1992 !
Plotly est un plugin d'Obsidian, mais aussi une bibliothèque multi langages pour afficher tout styles de graphiques (graphe de fonctions, charts....)
Dans Obsidian, Plotly peut être utilisé avec DataviewJS
Desmos meilleur pour les graphes de fonctions mais Plotly a des tas de styles de graphiques possibles.
cela marche parfaitement dans obsidian mais il reste des problèmes pour le rendu sur le web de cette note obsidian avec mon plugin d'exportation...
https://github.com/Dmytro-Shulha/obsidian-plotly
Plotty js (page web)
Plotly utilise aussi D3
const path = app.vault.adapter.basePath; // path du vault
const d3 = require(path+"//_NE PAS UPLOADER//JS//d3.v7.min.js");
var trace1 = {
x: [1, 2, 3, 4],
y: [10, 15, 13, 17],
mode: 'markers',
type: 'scatter'
};
var trace2 = {
x: [2, 3, 4, 5],
y: [16, 5, 11, 9],
mode: 'lines',
type: 'scatter'
};
var trace3 = {
x: [1, 2, 3, 4],
y: [12, 9, 15, 12],
mode: 'lines+markers',
type: 'scatter'
};
var data = [trace1, trace2, trace3];
var layout = {
xaxis: {range: [ 0, 5 ]},
yaxis: {range: [0, 20]},
title:'Data Labels Hover'
};
window.renderPlotly(this.container, data, layout)
//Plotly.newPlot(this.container, data, layout)//Plottly not defined!
Dans obsidian utiliser le template ^P plotly
Noter le width: 800
dans le layout
avec autoscale...
WOW !
(mais impossible à exporter avec my Obsidian website (plugin))
const renderPlotly = (el,data,layout,config)=>{
const destination = document.createElement('div');
if (el.firstElementChild != null) {
plotly_min.update(destination, data, layout, config);
el.replaceChild(destination, el.firstElementChild);
} else {
plotly_min.newPlot(destination, data, layout, config);
el.appendChild(destination);
}
}
Commentaires (0) :
Page :Ajouter un commentaire (pas besoin de s'enregistrer)
En cliquant sur le bouton "Envoyer" vous acceptez les conditions suivantes : Ne pas poster de message injurieux, obscène ou contraire à la loi, ni de liens vers de tels sites. Respecter la "netiquette", ne pas usurper le pseudo d'une autre personne, respecter les posts faits par les autres. L'auteur du site se réserve le droit de supprimer un ou plusieurs posts à tout moment. Merci !Ah oui : le bbcode et le html genre <br>, <a href=...>, <b>b etc. ne fonctionnent pas dans les commentaires. C'est voulu.