I'm completely new to d3. I've been developing for a few years, but I managed to track down d3 after seeing this great little tool in action.
http://gia.guim.co.uk/2013/03/video-game-violence/index.html
The problem is, from what I've found so far, d3 definitely doesn't have the same following as jquery. The documentation and the tutorials just aren't there as much.
I'm unfamiliar with SVG, but it looks pretty decently usable.
I wanted to reach out and see if anyone has some a hello world for this specific example?
I'd like to start with two sets of data and show the connections between them, but this feels like a decently large operation to just jump right into.
You can check Scott Murray's tutorials here.
They were even converted to a book "Interactive Data Visualization".
Related
In the Javascript world, I know there is talk over which is more important. The way your code looks, and the speed at which it moves. I've been looking and have yet to find any kind of comparison chart, between any/all javascript/es speeds.
Is there a chart or list somewhere that you know of that shows the comparison of speed over different pieces of functionality? Or would you be someone interested enough in making one to share?
Example: For Loops work faster than calling a Function multiple times.
I Myself, am personally interested. I've obviously seen or read a few things here and there, and have experimented with some functionality. But I wouldn't mind an overall cheat sheet for when I'm tackling a large project and trying to plan out the overall approach.
If you also have any suggestions to books that might explain this a bit better I'd be interested in those as well. I've got a few on design patterns, but they only cover so much in this aspect/area.
I love this Website, it allows you to write tests also:
https://jsperf.com
You can see the latest 250 test here or search one:
https://jsperf.com/browse
I'm reaching out for some advice on the best API/code library to use to build an interactive timeline/chart. I have included an example image below. The idea would be that you have a key, and clickable elements along a path/line that pop up/out when interacted with.
I have a lot of experience with Google Maps API, but this is quite clearly something a little different. Would you suggest ChartJS? Or something else? Just trying to get some background/research.
Do let me know if posting this on SO was the wrong thing to do.
Take a look at D3J or Dojo. They are both JavaScript libraries for data-driven and data-centric front-end applications.
Here is my problem: I have written a Python script to analyse some DNA sequences of a certain bacteria and I need to plot the output. I use Matplotlib to render the charts and HTML/CSS for texts and tables.
Recently I found the following javascript library: http://d3js.org/ and the best layout for my data would be: http://www.theguardian.com/world/interactive/2013/apr/30/violence-guns-best-selling-video-games
Unfortunately I have never used javascript so I'm experimenting with the code of the web page, trying to generate a similar code with Python and my data. It takes a lot of time.
Does anyone know how I could do this more quickly? I found nvd3 on Github which is very helpful but there is no example for the chart I need.
Thanks a lot !
(I will definitely learn javascript soon but it is impossible at the moment)
It's definitely worth learning d3. In the meantime this module might be a good one to look at?
https://github.com/bokeh/bokeh
You might find this bit interesting in their examples:
https://docs.bokeh.org/en/latest/docs/gallery/burtin.html
Any suggestions? I was looking at gRaphael but it was more of a ground up approach. I'd like to have basic or complex examples to work with.
Google Visualizations
I've been using gRaphael to create all sorts of graphs over the past two months and can't say enough good things about it.
That being said, if you want to try something else, http://highcharts.com/ may be a good resource.
I have used dojox.charting in my projects, which uses JSON as a data set, and it has worked well for me. In particular, I used it to create the charts here.
I am looking to create a web based GPS skyplot.
Currently just in the planning stages. Was wondering if anyone knew any javascript libraries or such in which this would be best to start with or have a look at, of if you have done something similar before. I know Flot is decent for plotting but unsure if it would be easy in this scenario.
TLDR: Looking for javascript libraries or other alternatives to create a web based GPS Skyplot.
Further info.
I would like to be able to maintain it all generally in javascript / HTML but am open to other alternatives. I will have a server passing me the GPS details.
Skyplot Examples: For those who don't know.
http://www.gpsoftnav.com/skyplot.html
http://www.novariant.com/resources/technologies/skyplot.cfm#
I came accross:Geographic Information Systems (Stack Exchange) yesterday, would make a good site for these kind of questions.
So if anyone is interested in this please also go make a commit :). Otherwise I am still looking for any feedback on the question.
Is it the graphical issues you are concerned with, or are you intending to also calculate which satellites are visible, and their azimuths and elevations at the given location and time?
If it's just the graphical part you are concerned with, I would use jQuery and Keith Wood's SVG plugin - see http://keith-wood.name/svg.html . This gives you a Javascript handle to Scalable Vector Graphics, for drawing circles, lines and dots on a canvas in the web page. It's simple to use, and the page I've linked to has examples that should help.