1. Forum
  2. DOVE-Net
  3. Programming

  • D3.js

    From Sprite@VERT/TINTETBB to All on Sat Dec 26 18:19:08 2020
    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 Sun Dec 27 01:05:54 2020
    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 Sun Dec 27 07:59:30 2020
    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 . 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 , 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 Sun Dec 27 09:01:00 2020
    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 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