Forums

  • # May 20, 2013 at 11:50 am

    Hi,

    I’d like to create a graphic that is fluid, and is a dotted line from the side of the page, to a point near the top. Along that line I would like there to be points, with annotated bubbles. The trouble is, I need this entire graphic to be fluid without just scaling an image. Here is the photo:

    http://i.imgur.com/65HHs5y.png

    Is this possible with CSS and HTML only? Is it even possible with Javascript? It seems very simple but I am having a lot of trouble. Any help would be greatly appreciated.

    Thanks,
    Scott

    # May 20, 2013 at 12:39 pm

    I thought SVGs would be what I need. I googled around a bit and found this:

    http://meloncholy.com/blog/making-responsive-svg-graphs/

    For anyone else with a similar situation, it’s how to make SVG graphs responsive. I think this will help with what I need. I didn’t know you could manipulate them like this!

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag