D3 für die Ungeduldigen

Anhang A. Einrichtung, Tools, Ressourcen

Einrichtung

Um mit D3 arbeiten zu können, musst du einen Webserver betreiben, entweder lokal oder gehostet, um Seiten, JavaScript-Dateien und andere Ressourcen (z. B. Datendateien) bereitzustellen. Im Prinzip ist es möglich, eine lokale Seite mit dem file:-Protokoll und alle JavaScript-Dateien, auf die sie verweist, zu laden. Die Browser können jedoch verhindern, dass dein JavaScript-Code auf diese Weise andere Ressourcen, wie z. B. Datendateien, lädt. Dies hängt von der CORS-Richtlinie (Cross-Origin Resource Sharing) des Browsers ab. Die Browser sind in dieser Hinsicht uneinheitlich; es ist wahrscheinlich am besten, das Problem zu umgehen, indem du bei der Arbeit mit D3 immer einen Webserver verwendest.

Das Einrichten eines Webservers muss keine Herausforderung sein: Mehrere minimale Webserver können ohne weitere Konfiguration über die Kommandozeile ausgeführt werden,¹ Die D3-Website empfiehlt http-server, ein Node.js-Paket. Wenn du die Node-Laufzeitumgebung und den npm-Paketmanager installiert hast, kannst du einen Webserver mit installieren und ausführen:²

npm install -g http-server
http-server ./project -p 8080

Da sie Teil der Standarddistribution sind, sind die Webserver-Module von Python allgegenwärtig, können aber selbst für die Entwicklungsarbeit ziemlich langsam sein (das -d Argument erfordert Python 3.7 oder höher):

python -m http.server -d ./project 8080	 # Python 3
python -m SimpleHTTPServer 8080          # Python 2: current dir

Die ...