Other #1229

Create a D3 visualization that links to Weave through selection and probing

Added by Andy Dufilie about 4 years ago. Updated over 2 years ago.

Status:ResolvedStart date:03/04/2013
Priority:NormalDue date:
Assignee:Philip Kovac% Done:

100%

Category:JavaScript Interface
Target version:-
Complexity: OIC Priority:No
Required by:

Description

Since we now have the ability to talk to the server through JavaScript (http://info.oicweave.org/news/61), we can build a visualization in HTML5 using D3 (or another library) that will display data from the Weave server. We can then link selection and probing using Weave's JavaScript API.

Implementation steps:
  1. Create a D3 visualization that reads data from Weave's data service. Start with a simple one like scatterplot or bar chart.
  2. Add the ability to probe records in that D3 visualization.
  3. When a user probes records in the D3 vis, use Weave's JavaScript API to set the probed records.
  4. Using Weave's JavaScript API, add a callback to the defaultProbeKeySet which will set the probed records in the D3 visualization.
  5. Also add support for selection in the D3 visualization which will be two-way linked like probing.

Weave JavaScript API documentation:
http://ivpr.github.com/Weave-Binaries/asdoc/weave/api/core/IExternalSessionStateInterface.html

Examples:
http://demo.oicweave.org:8080/weave_api_test.html?file=obesity.xml


Related issues

Related to Weave - Feature #371: Use D3 to generate a vector graphics bar chart based on a Weave bar chart. Resolved 08/10/2011

History

#1 Updated by Andy Dufilie about 4 years ago

  • Description updated (diff)

#2 Updated by Andy Dufilie about 4 years ago

  • Subject changed from Create a D3 visualization that links to Weave through selection to Create a D3 visualization that links to Weave through selection and probing

#3 Updated by Andy Dufilie about 4 years ago

I just remembered, we have this example that Krithika created:

https://github.com/IVPR/Weave/blob/d3-vector-graphics/WeaveUI/src/weave/utils/bar.js

#4 Updated by Aicha Charfi about 4 years ago

  • Status changed from Open to In Progress

#5 Updated by Andy Dufilie about 4 years ago

  • Description updated (diff)

#6 Updated by Aicha Charfi about 4 years ago

  • % Done changed from 0 to 20

#7 Updated by Aicha Charfi about 4 years ago

  • % Done changed from 20 to 50

#8 Updated by Aicha Charfi about 4 years ago

  • % Done changed from 50 to 80

#9 Updated by Andy Dufilie about 4 years ago

  • Assignee deleted (Aicha Charfi)

#10 Updated by Chris Stefanich about 4 years ago

How is this issue coming along? We would really like to see an example of an outside visualization interacting with the weave visualization. Do you have a rough timeline?

#11 Updated by Andy Dufilie over 3 years ago

  • Status changed from In Progress to Open

#12 Updated by Andy Dufilie over 3 years ago

  • Assignee set to Philip Kovac

#13 Updated by Philip Kovac about 3 years ago

  • Status changed from Open to In Progress
  • % Done changed from 80 to 90

A working example of such a tool exists at: https://github.com/pkovac/weaved3scatter

There are still a few missing features but the core functionality needed to provide an example for those wishing to integrate D3 tools is present there.

#14 Updated by Philip Kovac over 2 years ago

  • Status changed from In Progress to Resolved
  • % Done changed from 90 to 100

Also available in: Atom PDF