Previously I displayed how Google maps could be integrated in pipeline pilot using the text analytic collection.
In this example I will demonstrate the relative ease to integrate Google visualizations into your Pipeline pilot protocols. Google visualizations are free, open source and comprehensive toolbox of Data Tables, Bar Charts, Area Charts, Gauges, Motion Charts, Sparklines and so much more you can integrate with a little JavaScript into your protocols. Information on Google visualizations and their API can be found at http://code.google.com/apis/vi...eractive_charts.html.
In the first example totally fictitious sales data is loaded into 4 different Google visualization controls, Intensity Map, DataTable, Gauge and a Pie Chart. This was accomplished by first loading data into a Json data file, then loading each datafile into the various controls. Each control is held within its own dynamic content container for display to the client. Formatting of each object can be done quite easily as each object contains the ability to specify loading options and with respect to the DataTable, specify inline CSS within the table itself. See the attached example google_visualization1.xml for more details and comments.
Again using our fictitious sales data in the second example, the ability to interact between Google objects is shown. Here an un-formatted DataTable and Organizational chart are loaded with data, and when rows or nodes (in the case of the org chart) are selected the respective counterpart is also selected in the other object, in this case using different datatables within the Javascript.
These protocols need no additional data or downloads,
![Smiler]()
Happy Coding!
In this example I will demonstrate the relative ease to integrate Google visualizations into your Pipeline pilot protocols. Google visualizations are free, open source and comprehensive toolbox of Data Tables, Bar Charts, Area Charts, Gauges, Motion Charts, Sparklines and so much more you can integrate with a little JavaScript into your protocols. Information on Google visualizations and their API can be found at http://code.google.com/apis/vi...eractive_charts.html.
In the first example totally fictitious sales data is loaded into 4 different Google visualization controls, Intensity Map, DataTable, Gauge and a Pie Chart. This was accomplished by first loading data into a Json data file, then loading each datafile into the various controls. Each control is held within its own dynamic content container for display to the client. Formatting of each object can be done quite easily as each object contains the ability to specify loading options and with respect to the DataTable, specify inline CSS within the table itself. See the attached example google_visualization1.xml for more details and comments.
Again using our fictitious sales data in the second example, the ability to interact between Google objects is shown. Here an un-formatted DataTable and Organizational chart are loaded with data, and when rows or nodes (in the case of the org chart) are selected the respective counterpart is also selected in the other object, in this case using different datatables within the Javascript.
These protocols need no additional data or downloads,
