D3 Views:

Basic module configuration

https://www.drupal.org/project/d3

Install, enable and configure module

• Download and install the latest version of the d3 module https://www.drupal.org/project/d3
• Enable d3 and d3_views modules
• Upload d3.min.js into folder libraries/d3. You can find several version (d3.min.js, d3.js or d3.v3.js), you might want to add all three if you see an error :)
• If you do not have access to file system you can use CDN version of d3 library by changing settings in /admin/config/d3/settings

D3 examples module can demo some libraries

We will use house sales content type to demo views d3 integration

Configure view with data that you want to visualize

Change display format to d3 Visualization

Select type of chart that you want to use - list of these charts is defined by d3-drupal libraries that you have added to your installation

D3 out of the box module currently has four libraries

Configure for which field(s) you want to display values

Configure which field you want to use as label on x axis

Configure labels for legend

JS will be unhappy if labels for legend are missing

Your visualization is ready!

Use drupal filters to get more details on your data