Journal d'un Terrien

Web log de Serge Boisse

On line depuis 1992 !

Publicité
Si cette page vous a plu, Copiez son adresse et partagez-la !
http://sboisse.free.fr/trucs et astuces/Obsidian/Plugins/Plotly.php
Savez-vous quels sont les articles les plus vendus sur Amazon.fr ?
Plotly

Plotty.js

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.

Attention

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...

Documentation

modes

exemple basique

exemple avec Dataviewjs

code :
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!

Autre exemple

Dans obsidian utiliser le template ^P plotly
Noter le width: 800 dans le layout

Graphe d'une fonction définie par programme

avec autoscale...

3d scatterPlot

WOW !
(mais impossible à exporter avec my Obsidian website (plugin))

trace 0trace 1Scatter

Intégration dans 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);
	}
}

remarques

Publicité
Commentaires

Commentaires (0) :

Page :



Ajouter un commentaire (pas besoin de s'enregistrer)

Pseudo :
Message :


image de protection
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.
< Retour en haut de la page