Skip to main content

Blog Post

Using Data-Driven Documents (D3) with Drupal

At DrupalCamp Atlanta 2015, I led a discussion on the d3.js library for an audience of site builders, themers and developers.

Data-Driven Documents or D3 refers to a javascript library combining html, css and sag to build graphic visualizations for data. The d3.js library uses scalable vector graphics to generate charts, graphs and maps that are scalable and interactive.

Check out my session recording below. It covers: 

  • Intro to D3
  • Scalable Vector Graphics (SVGs)
  • D3 syntax
  • How to set up the D3 module
  • How to pull data from an external source or from views. 

Using D3 with Drupal 

Additional Resources
Converting a Drupal 7 Theme from CSS to SASS | Mediacurrent Blog 
Drupal 8 Theming Without Panels | Mediacurrent Blog 
Javascript "Why To" | Mediacurrent Blog  

Access icon Up arrow icon Drupal 8 icon Facebook icon - white Facebook icon - blue outline Facebook icon - yellow Hollow right arrow icon Hollow right arrow icon - white LinkedIn icon - white LinkedIn icon - hollow LinkedIn icon - blue outline LinkedIn icon - yellow Mediacurrent wordmark Quote icon Twitter icon - white Twitter icon - hollow Twitter icon - blue outline Twitter icon - yellow Youtube icon - white Youtube icon - yellow