# Grundlegendes Beispiel

_Für Kapitel 3.3_

[D3](https://d3js.org/) ist eine JavaScript-Bibliothek zur Datendarstellung.

In `javascript.html` und `pyscript.html` wird dargestellt, wie Daten für die Verwendung in D3 jeweils mit JavaScript und PyScript von einer externen Quelle in JSON-Form bezogen mithilfe von D3 in die Seite eingebettet werden.

Die Darstellungen sollten exakt gleich aussehen.

## Notizen/Hinweise

`pyscript.py` in diesem Ordner wird nicht direkt verwendet, sondern ist nur eine Kopie des Skriptes aus `pyscript.js` und dient nur dem Zweck einer besser lesbaren Darstellung in gängigen Editoren und auf GitHub.

Der Kommentar `<!-- prettier-ignore -->` verhindert, dass mein verwendeter Formatter Prettier den Inhalt `py-script`-Tags staucht und damit unbrauchbar macht.

## Demo-Instanz

- [JavaScript](https://checksch.de/pa-pyscript/basic-example/javascript.html)

- [PyScript](https://checksch.de/pa-pyscript/basic-example/pyscript.html)

[→ Benchmarks](https://github.com/marvinscham/pa-pyscript/tree/main/benchmarks#nutzerfreundlichkeit)

![JS Demo](https://raw.githubusercontent.com/marvinscham/pa-pyscript/main/basic-example/basic-example.png)