Configuración del entorno

No necesitas un entorno de desarrollo sofisticado para usar D3. Si ya desarrollas aplicaciones web con npm, puedes instalarlo con:

npm install d3

También puedes agregar el archivo d3.js a una carpeta local después de descargar la biblioteca completa (paquete predeterminado) como ZIP desde el sitio web oficial. Después, puedes importarlo a tu archivo HTML usando la etiqueta <script> y una ruta relativa local; por ejemplo (para la versión reducida):

<script src="js/d3/d3.v5.min.js"></script>

Si tiene una conexión web permanente, probablemente sea más sencillo utilizar un enlace CDN:

<script src="https://d3.js.org/d3.v5.min.js"></script>

Para aplicaciones muy sencillas que no cargan archivos externos, puedes simplemente abrir la página en tu navegador desde el sistema de archivos. Es mejor cargar la página usando un servidor web. Si usas un editor de código, es posible que ya tenga una configuración de inicio o un complemento que siempre inicie un servidor web al cargar una página. También puedes instalar un servidor web simple usando npm con el siguiente comando:

npm install http-server -g

El comando anterior lo instalará globalmente. Luego, puede ir al directorio donde se encuentran sus archivos y escribir lo siguiente:

http-server

Luego puedes cargar tus archivos desde http://localhost:8080.

También puedes desarrollar D3 utilizando editores de código en línea, como CodePen (codepen.io) or JSFiddle (jsfiddle.net). También es una excelente manera de compartir tu código.