FileMaker@ATL



Post Reply 
 
Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Interactive Charting with Web Viewer
05-23-2016, 12:25 PM
Post: #1
Interactive Charting with Web Viewer
Interactive Charting with Web Viewer

May 2016 FileMaker Developers Meeting

Presenters: Erika Kidd of Klozpin FileMaker Development and Kristy Orlofsky of MacAdvantage

SVG - Scalable Vector Graphics
An XML-based vector image format for two-dimensional graphics with support for interactivity and animation. The SVG specification is an open standard developed by the World Wide Web Consortium (W3C) since 1999. SVG images and their behaviors are defined in XML text files.

Using FileMaker data to render a chart in a web viewer.
Dynamic, scalable, interactive, scrollable, works offline and with FileMaker GO.

Source credit to FileMaker Magazine and Matt Petrowsky video 35 min:
http://www.filemakermagazine.com/system/...s_Full.mp4
Download of his file available with subscription.

Google Image Charts (Deprecated in 2012, but still functional):
https://developers.google.com/chart/image/
Custom URL

Google Charts (current version):
https://developers.google.com/chart/
Uses HTML

Using JavaScript, HTML and CSS, plus a predesigned image (in JS) to render a chart in web viewer. (see D3 download below)
Data-Driven Documents https://d3js.org/
Mike Bostock's Blocks website: http://bl.ocks.org/mbostock
Pie chart: http://bl.ocks.org/NPashaP/9994181

Chart inspiration Bilevel Partition: http://bl.ocks.org/mbostock/5944371
Zoomdata: https://live.zoomdata.com/zoomdata/visualization# (Maps, Dashboards, etc)
There are MANY websites that offer designed charts with a mind-boggling array of options!

Caveat:
main frustration is that the protocol can only be used on a given computer in either FileMaker 12 *OR* 13, not both. So if your computer is set to use the FMP URL protocol with FileMaker 13 and you try to use an FMP URL in a database open in FileMaker 12 (or vice versa), it won’t work. It may try to open 13, but won’t have the context from which it was initially run. For Mac users, there is a downloadable preference pane that can be used to select the default application for the FMP URL, although this doesn’t remove the problem of 12 *or* 13. This problem also exists on Windows. I haven’t tested this, but maybe it can do something similar. Either way, it’s a real drag that we can’t just trust that a solution we build using Web Viewers and the FMP URL will work for all users – without the possibility that they may need to download & configure something just in order for it to work.</rant>

Caveat source: http://blog.jsfmp.com/post/88307579211/r...cript-demo

Using an interactive web viewer rendered chart to drive data shown in FileMaker - A Clickable Map (see Sweedish Map download below)
Source for Swedish Map file by Mallverkstan: http://www.filemakerbloggen.se/post/a-clickable-map/

Examples of how the color blind see a chart from SavvyData

Thanks for visiting!


Attached File(s)
.fmp12  D3.fmp12 (Size: 528 KB / Downloads: 0)
.fmp12  SwedishMap.fmp12 (Size: 396 KB / Downloads: 0)
Find all posts by this user
Quote this message in a reply
Post Reply 


Forum Jump:


User(s) browsing this thread: 1 Guest(s)