search

JustinGOSSES / wellioviz

d3.js v5 visualization of well logs
https://justingosses.github.io/wellioviz/#introduction
Apache License 2.0
49 stars 12 forks source link

show curve values and depth on hover #13

Closed JustinGOSSES closed 4 years ago

JustinGOSSES commented 4 years ago

Eshan volunteered to possible do a pull request for this issue as he has some code he can share for it. Putting comment here as I don't know his github name.

JustinGOSSES commented 4 years ago

There are a couple versions of hover/tooltips.

This one looks nice and is independent of making circles over lines. https://bl.ocks.org/micahstubbs/e4f5c830c264d26621b80b754219ae1b

JustinGOSSES commented 4 years ago

Should solve this one and #59 at same time

JustinGOSSES commented 4 years ago

Changing how hover/mouseover appears requires the following switches to be available to user:

    • Any hover display of information?
    • Depth or depth & curve displayed
    • if curve in any above, which curve
    • if curve, what color if not default of curve color & infill of black to ensure visibility

How to ensure intuitive for developer? A.) Give available values in key name B.) Have these key:value pairs at curvebox level C.) Only supply mouseover value for one curve at a time as otherwise things overlap and can't be seen. If you want to give user ability to switch between curve values on hover, rebuild the svg. mouseover_yes_or_no = "yes" or "no" string mouseover_depth_or_depth_and_curve = "depth" or "depth_and_curve" string mouseover_curvename = "GR" or other curvename string, default is first curve mouseover_color_or_default_which_is_curve_color = "default" or a color as a string