Chart Explorer

I figured I would take a break from coding to introduce a new display component within Dex called the Chart Explorer.

Below is a picture of it in action.  Click the image to go to a live version:

ChartExplorer_Screen1

This component allows you to explore data interactively within the HTML page.

How to use it:

When the chart explorer comes up initially, it appears empty.

ChartExplorer_Initial

On the left is a series of controls.  The orange button selects the chart type.  The blue buttons are the columns you wish to visualize.

By dragging these columns to the green drop zone, we can visualize the data in a number of interesting ways.

Such as line charts.

ChartExplorer_Screen1

And parallel coordinates, etc…

ChartExplorer_Screen3

If you wish to remove a column from the visualization drop zone, simply drag and drop it over to an empty region on the selection pane.  It should disappear.

Anyway, this is a rough view of where some of the Dex visuals are going.  A new minor version of Dex (0.8.0.5) should be out within the next few weeks with this capability.

Until next time!

  • Pat
Advertisements

About patmartin

I am a coder and Data Visualization/Machine Learning enthusiast.
This entry was posted in General. Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s