[x3d-public] Labels in 3D

[John Carlson]

I am not familiar with the library except by seeing demos. I assume you can use a z-index to layer SVG over X3DOM.

I believe I’ve mixed SVG and canvas before.  Not successfully if I recall right.  The coordinate systems for canvas and SVG were too different, and I couldn’t draw lines in canvas that were zoomable that looked good.  Ultimately I went with straight X3DOM.  I can try integrating the d3-annoation library with my cross-sectioned earth in X3DOM and d3.js, if you want me to try.

Best to look at the demos and see what you think you can get out of it.  I have mixed D3.js with X3DOM, but not by using SVG elements or 2D canvas.

Really no clue, just thought we might be able to mix SVG/Canvas/XSeen.  Probably not.   That could be a problem for interoperability.

The library comes highly recommended from data visualization gurus, and is used in projects in Netflix, but if you can’t make it work, too bad. There’s another Netflix project which combines d3.js, d3-annotation, and react, namely Semiotic: https://medium.com/@Elijah_Meeks/introducing-semiotic-for-data-visualization-88dc3c6b6926 specifically on that page, see the layers figure.

John

Sent from Mail for Windows 10

From: Leonard Daly
Sent: Tuesday, September 5, 2017 6:48 PM
To: x3d-public at web3d.org
Subject: Re: [x3d-public] Labels in 3D

John,

Interesting. Do you have any idea how well this would work in 3D space? I'm not sure what would be necessary to capture from this library. The requirements (as I understood them) was to have HTML-like capabilities in the contents of the label (I used HTML so I wouldn't have to redevelop anything), a leader line of some sort, and attachment to a piece of 3D geometry. 

What I gathered  from a quick read-through of the documentation is that the note is not HTML (but close), the subject is a portion of a D3 graph, and the connection has lots of options. Given the requirements, I think the only piece that offers includable options is the connector. If I am wrong, please point that out.

Leonard Daly

Might be nice to integrate the D3.js annotations library. http://d3-annotation.susielu.com/
 
John
Sent from Mail for Windows 10
 
From: Leonard Daly
Sent: Tuesday, September 5, 2017 2:52 PM
To: X3D Public
Subject: [x3d-public] Labels in 3D
 
This is mostly for Nicholas and Vince who expressed an interest in labeling things in 3D where the labels had the capability of HTML to include various fonts, styles, text, graphics, links, etc.
I would like to know if these types of labels meet your needs or something else is needed.
This is using my testbed (XSeen). The example is at http://realism.com/XSEEN/test/labels.html.
All labels are done in HTML. The lines connecting the label to the 3D object is done in 3D space. The labels retain their screen position as the camera is moved. There are three types of labels illustrated in the example -- fixed, relative, and draggable. 
The fixed label is attached to the "monster" The label line tracks the local origin of the monster model. 
The relative label maintains the initial relative screen position to the projection of the (local) origin of the object. The label moves as the object moves. This is particularly obvious when looking from the side.
The last label (draggable) is attached to the torus. The user may move the label to any position in the canvas (2D projection of the 3D space). The leader line maintains the connection from the label to the object. 
There is preliminary documentation on the tag at http://tools.realism.com/specification/xseen/language-definition/user-interactions/label
Caveats: 
1) The leader lines do not track well when the camera position is changing nor when a draggable label is being moved.
2) Things don't work as you would expect (or hope) for the stereo camera.
 
-- 
Leonard Daly
3D Systems & Cloud Consultant
LA ACM SIGGRAPH Chair
President, Daly Realism - Creating the Future 
 



_______________________________________________
x3d-public mailing list
x3d-public at web3d.org
http://web3d.org/mailman/listinfo/x3d-public_web3d.org

-- 
Leonard Daly
3D Systems & Cloud Consultant
LA ACM SIGGRAPH Chair
President, Daly Realism - Creating the Future 

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://web3d.org/pipermail/x3d-public_web3d.org/attachments/20170905/37be81b1/attachment.html>