Best javascript library to create and interactive flow chart [closed]

Question

I would like to create an interactive 'problem solving' type flow chart that is made up out div elements.

I would like to do something very similar to what the new york times have done in this example...

http://www.nytimes.com/interactive/2012/06/14/us/how-the-supreme-court-could-rule-on-the-health-care-law.html?ref=us

Someone suggested Raphael so I've been learning a bit of that and it's awesome.

Is there any other library worth considering?

Also if Raphael is suitable for this task, is it a widely used library? If I am going to learn new skills It's in my best interest to learn popular code so I can re apply it with different jobs I get, not some exotic thing that Ill never use or no one will ever want me to use again.

Answer 1

Consider D3JS if you want to dive into data visualization. There are tons of nice example and tutorials on the website.

PS: The create Mike Bostock current works for NY Times as far as I know ;)

Answer 2

For something truly as simple as the NYTimes example there's nothing stopping you from doing it with a few images of arrows and jquery .slideDown(). It'd sure be lighter than using a bigger vector library, and it'd work in browsers old as salt.