Observable till D3js

C, C++, Pascal, Assembly, Raspberry, Java, Matlab, Python, BASIC, SQL, PHP, etc.
Användarvisningsbild
Oltronix
Inlägg: 408
Blev medlem: 10 december 2011, 21:24:38
Ort: Nynäs

Observable till D3js

Inlägg av Oltronix »

Är det någon som har någon bra sida för att överföra Observable-kod til D3-javascript-kod?
Jag har letat men inte hittat någon bra info.
Många D3-exempel är gjorda med Observable och man vill använda dem på en websida utanför Observable så är det inte helt enkelt.

https://observablehq.com/top
https://observablehq.com/@d3/gallery
https://d3js.org/
Användarvisningsbild
Oltronix
Inlägg: 408
Blev medlem: 10 december 2011, 21:24:38
Ort: Nynäs

Re: Observable till D3js

Inlägg av Oltronix »

https://observablehq.com/@observablehq/ ... observable
3:10min in i filmen finns ett svar på min frågan. Obs! Det går att kopiera hela eller delar av notebooken. Får kolla hur man får bort allt onödigt krafs.

Kod: Markera allt

<div id="observablehq-84b316e9"></div>
<p>Credit: <a href="https://observablehq.com/d/3e9f0f4c040fb39f">Sun’s View of the Earth, different latitude by eric ericsson</a></p>

<script type="module">
import {Runtime, Inspector} from "https://cdn.jsdelivr.net/npm/@observablehq/runtime@4/dist/runtime.js";
import define from "https://api.observablehq.com/d/3e9f0f4c040fb39f.js?v=3";
new Runtime().module(define, Inspector.into("#observablehq-84b316e9"));
</script>
Alternativt bra globen.

Kod: Markera allt

<iframe width="100%" height="1030" frameborder="0"
  src="https://observablehq.com/embed/3e9f0f4c040fb39f?cells=map"></iframe>
Skriv svar