• D3.js

    From Sprite@VERT/TINTETBB to All on Saturday, December 26, 2020 18:19:08
    Is anybody here familiar with or even good at the D3.js graphing library
    for JavaScript?

    ---
    þ Synchronet þ Tinfoil Tetrahedron BBS - skulking seedily against the Brave New World
  • From Tracker1@VERT/TRN to Sprite on Sunday, December 27, 2020 01:05:54
    On 12/26/2020 5:19 PM, Sprite wrote:
    > Is anybody here familiar with or even good at the D3.js graphing library
    > for JavaScript?
    Familiar with it, not necessarily good. What are you trying to do?

    --
    Michael J. Ryan
    tracker1 +o Roughneck BBS
    ---
    ­ Synchronet ­ Roughneck BBS - roughneckbbs.com
  • From Sprite@VERT/TINTETBB to Tracker1 on Sunday, December 27, 2020 07:59:30
    Re: Re: D3.js
    By: Tracker1 to Sprite on Sun Dec 27 2020 01:05:54

    > > Is anybody here familiar with or even good at the D3.js graphing library
    > > for JavaScript?
    > Familiar with it, not necessarily good. What are you trying to do?

    Oh hallelujah. I thought it was a long shot that anybody here would be
    familiar, but I am very glad you responded. Hopefully you've come across
    the issue that I've had before here, or at least know of some better
    documentation sites than what I've found sofar.
    I have an application that's monitoring blood plasma levels of a substance,
    and I just recently switched its graphing from showing the daily plasma
    concentration to an hourly concentration (over a 30 day period). Thus, my
    formerly 'chunky' graph now looks like the following:
    https://imgur.com/a/H818rwO
    Preview image
    Working on my blood plasma levels graph w/D3.js
    Discover the magic of the internet at Imgur, a community powered entertainment destination. Lift your spirits with funny jokes, trending memes, entertaining gifs, inspiring stories, viral videos, and so much more from users.
    . Unfortunately, the x-axis is now completely
    obliterated with the 'ticks'.
    I can't remember everything that I've tried to get the x-axis to only show
    ticks/labels on every 24th one (ie one for each of the 30 days graphed), but I
    know .ticks() isn't doing any good, nor are any of the other related
    .tick*() methods that I've attempted to use to this point. I've tried
    'manually' setting the ticks that I don't want to show to 'null', an empty
    string, and the like, but when I do that it goes back to the 'chunky' graph,
    only showing every bar that still has a 'proper' x-axis tick label.
    I've seen examples like the following, so I know that this can be done:
    https://www.tutorialspoint.com/d3js/d3js_graphs.htm
    Preview image
    D3.js Graphs
    Explore the various types of graphs you can create using D3.js, including bar charts, line graphs, and pie charts, with practical examples and code snippets.
    , I just can't figure out
    how on Earth to do it. :P Oh I tried .tickValues() specified manually, as
    well, and that didn't work, either. :(
    I'd be very grateful for anything that you might be able to offer on
    this issue; I've been banging my head against the cinderblocks for awhile on
    this now. And hey, even if you can't help, I appreciate the response. :)
    Take care!

    ---
    þ Synchronet þ Tinfoil Tetrahedron BBS - skulking seedily against the Brave New World
  • From Sprite@VERT/TINTETBB to Tracker1 on Sunday, December 27, 2020 09:01:00
    Re: Re: D3.js
    By: Sprite to Tracker1 on Sun Dec 27 2020 07:59:30

    My apologies, my example for a page with what I wanted to accomplish was
    not correct, as there was only data for each of the ticks at the x-axis. The
    graph here: https://www.d3-graph-gallery.com/graph/line_several_group.html
    Preview image
    Line plot with several groups in d3.js
    Using d3.js to create a line plot with several groups: example with reproducible code. Example with code (d3.js v4 and v6).

    shows graphs with data between x-axis ticks, as per what I want to accomplish.
    Not sure how to do that with an ordinal x-axis scale, though, and I don't know
    how to change my (admittedly mostly cut 'n pasted) graph code to use a linear
    scale on that axis, either. :(

    ---
    þ Synchronet þ Tinfoil Tetrahedron BBS - skulking seedily against the Brave New World