Inicio | Fundamentos | Instalación | Añadir Elementos | Encadenar Métodos | Asociar Datos | Usando sus Datos | Desplegar DIVs | La Función data( ) | Introducción a SVG | Despliegue de SVG | Tipos de Datos | Diagrama de Barras | Diagrama de Dispersión | Escalas | Ejes |

Tutorial de D3 en Español

Bienvenido a la versión traducida al español del excelente tutorial de D3 escrito por Scott Murray. En la medida de lo posible, me he ceñido estrictamente al contenido de la versión original, salvo en aquellos casos donde por cuestiones del leguaje, no ha sido posible.

Acerca de este Tutorial

Cada una de las lecciones de este tutorial busca ser:

  • Breve.
  • Enfocada, hacia un solo tema a la vez.
  • Modular, de tal forma que cada persona pueda usar lo que le sea útil.
  • Lo más Completa posible, con código de ejemplo para cada tema expuesto.
  • Dinámica, actualizada y expandible en la forma que se requiera.
  • Gratis y bajo una licencia sin restricciones de uso sobre el código.

Enfoque

Los cursos de este tutorial han evolucionado de mi proceso de aprendizaje de la librería D3. Como bien se sabe, D3 es una excelente herramienta escrita por Mike Bostock para desplegar datos dentro de páginas web. Mucha gente, incluyéndome a mi, llega a D3 con experiencia en diseño, cartografía y visualización de datos, pero sin ser necesariamente programadores o ingenieros de sistemas.

D3 utiliza técnicas avanzadas de JavaScript, por consiguiente para aprender D3 usualmente es necesario aprender bastante de ese lenguaje de programación. Para muchas personas provenientes del área de visualización de datos, D3 es su primera incursión en JavaScript. Si bien es difícil aprender un lenguaje de programación nuevo, es aún más difícil cuando se busca aprender una herramienta nueva construida en ese lenguaje. D3 es muy novedoso y permite crear cosas increíbles con JavaScript que probablemente nunca se hubiera pensado que fueran factibles. El tiempo que invierta aprendiendo el lenguaje y la herramienta sin duda le traerá grandes beneficios.

Mi objetivo es reducir su tiempo de aprendizaje para que comience a crear visualizaciones espectaculares muy pronto.

Pre-requisitos

En lo posible, usted debe:

  • Tener algún conocimiento de HTML, el DOM y CSS.
  • Alguna experiencia previa en programación de computadores.
  • Haya escuchado sobre jQuery o haya escrito algo en JavaScript.
  • No le tiene temor a ciertas siglas como CSV, SVG, o JSON.
  • Esté interesado en crear visualizaciones interactivas interesantes y útiles.

Estructura

Cada lección incluye:

  • Su propia página web cuando es útil.
  • Código fuente que se puede copiar o modificar.
  • Comentarios en todas las secciones.
  • La fecha de su más reciente actualización.

Licenciamiento

El código de ejemplo en este tutorial se puede copiar, adaptar, modificar y reutilizar para cualquier propósito, incluyendo con fines comerciales. Los derechos de autor sobre el contenido y el diseño del tutorial son de propiedad de Scott Murray.

Nota al margen

Con el propósito de cumplir con lo anterior, se cubrirán someramente algunos de los temas técnicos, simplificando conceptos fundamentales de la ingeniería de sistemas. Esto puede agravar a los ingenieros de sistemas verdaderos. Sin embargo, no importa pues este tutorial está escrito para artistas y diseñadores, no para ingenieros.

Siguiente: Fundamentos –>