Application Developers

FileMaker – D3js Data Visualizations


Data Visualization using FileMaker Pro

d3

D3.js Javascript Library

D3.js is one of my favorite tools, its a Javascript library for Data Driven Documents. Basically this data viz tool can be used together with FileMaker to produce high quality vector charts in FileMaker.

While the built-in charting function in FileMaker is handy when it comes to creating complex and cutting edge interactive charts its not the best option. D3.js fills this gap in a powerful and elegant way.

Here below are few examples of D3 charts which can be created with data from FileMaker and displayed in a web view. This can be done with or without FileMaker Server.


FileMaker Server Log Data
AngularJS and D3.js Charts
click the blue buttons to change the chart


source: https://www.alqemy.com/lab/angular/


Interactive Connected Bar and Pie Chart
mouseover to see interactive feature

source: https://bl.ocks.org/NPashaP/raw/96447623ef4d342ee09b/


Animated Bar Chart
toggle radio button to see interactive changes

source: https://bl.ocks.org/mbostock/raw/3943967/


These charts are just a tip of the iceberg in terms of possibilities. For more information about d3.js and see literally thousands of other examples please visit d3js.org. Mike Bostock is the genius behind the javascript library. His day job is leading a team of data vizers at New York Times. They create the most of infographics you see on nytimes.com website. Mike’s gallery can be seen here https://bl.ocks.org/mbostock.