• Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

Dynamic graphs in web page

 
william chaple
Ranch Hand
Posts: 135
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
http://www.adhamdannaway.com/about

I am creating a graph similar to this guy at the end ( if you scroll down) and notice how the bar gragphs display one at a time in a continuous motion. Any idea what language or where that's from?
 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 64719
86
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
It is achievable with JavaScript and CSS. At first glance I'd assume he's using simple jQuery animations.

There are many advanced JavaScript charting packages out there. I've used highcharts.js in the past.
 
william chaple
Ranch Hand
Posts: 135
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Awesome thank you. I thought it was something he copied from microsoft words graph or something ha ha. I am going to attempt something similar. Have any recommendations? I only know the basics of javascript, but doing my own portfolio for fun and practice
 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 64719
86
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
I cover jQuery animation in chapter 5 of jQuery in Action (2nd Ed). Or you can look here.

Personally, for charting, I'd not re-invent the wheel.
 
william chaple
Ranch Hand
Posts: 135
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Awesome!! charts are cool lol. thanks a loT!
 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 64719
86
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Yeah, it is rather amazing what can be accomplished with just JavaScript in the browsers these days.
 
william chaple
Ranch Hand
Posts: 135
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Bear Bibeault wrote:Yeah, it is rather amazing what can be accomplished with just JavaScript in the browsers these days.

ye sit is I am facinated!

Actually, I saw something thats not a big deal, but I guess have an eye for them

I noticed when I zoom in and out of the page, everything is always centered. however, in my case, when I zoom out, everything goes to the sides. I have some pics involved so you guys can see what Im talking about. when I am zoomed 100% everything is centers and aligned.

Could this be a server this, or css code involved?
1.JPG
[Thumbnail for 1.JPG]
zoomed in
2.JPG
[Thumbnail for 2.JPG]
zoomed out
3.JPG
[Thumbnail for 3.JPG]
zoomed out and to the sides
 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 64719
86
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
It's CSS.

(P.S. It's best to start new topics for, well, new topics.)
 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic