D3.js is a small, open-source JavaScript visualization library for manipulating HTML and SVG documents based on data

learn more… | top users | synonyms

2
votes
0answers
15 views

Optimizing D3 Stream Graph Code

I have two javascript functions that generate a D3 Stream graph. I feel I may be excessively and unnecessarily iterating over my dataset to get it into the desired form. How might I optimize or ...
0
votes
0answers
19 views

Better conditional manipulation of bound data?

I set the content of a hover with this function: ...
0
votes
0answers
13 views

Making an animation with arc text info

I am making an animation with arc text info. I am repeating the same arc with text info 2 times here. There are ...
7
votes
1answer
264 views

Simple grid using SVG

I developed this grid which displays number of records for X & Y, user can click each number to see a list. (I didn't add list markup to fiddle yet - so lets not worried about it for now.) What I ...
4
votes
1answer
233 views

D3.js interpolating line on circumference of circle

For now, I've tried to make a line rotate on the path of a circle, but used setInterval multiple times and there might be other ways of achieving the same. I would ...
0
votes
0answers
229 views

D3 csv data loading and display with dc.js

This is part of a JavaScript web application I made as a personal project to browse a 10k movie database. (available here) The application is loading a big CSV file (5Mb) and then making some plots ...
0
votes
1answer
41 views

Transitions from one element to another

I am implementing an automated help function in my code. It is simply a few bubbles that pop up with some text in them. I use d3 to select one bubble, display it for a short time, and then select ...
5
votes
2answers
126 views

D3 Matrix table

I am able to develop this matrix but I think code can be improved. I am creating a map on which each rectangle may have zero through many list items with their titles (still need to add code for ...
3
votes
3answers
844 views

d3.js dougnut pie chart legend toggling

I'm developing a legend toggling d3.js pie chart application using this jsFiddle as my latest version. I am aiming to get a streamlined working example where the legend can toggle the slices, trying ...
6
votes
1answer
346 views

Strategy Game in Javascript with Three.JS

I've been playing around with porting a simple strategy game over to Javascript, the idea being to run it in a browser for testing. I've done some simple Javascript code in the past, but this is my ...
1
vote
0answers
1k views

Approximating Date for a D3.js timeline

I've updated code from a couple weeks back so I've come back to get more feedback. The original post can be found over here: Approximating/Sorting groups of dates into buckets ...
2
votes
1answer
1k views

Approximating/Sorting groups of dates into buckets

I'm working on a directed study project with a professor of mine helping him build out a Django based website. The website is a historical account of the people, events, projects, and organization in ...
3
votes
1answer
412 views

Basic Backbone application using d3

I've started my first application using backbone and have something basic up and running, backbone seems to give a lot of freedom to application design and I don't know what I'm doing right and wrong ...
3
votes
1answer
573 views

Displaying overlapping blocks using d3.js

The code takes in nodes with different start time as input and assigns the position such that they will not overlap. As I have coded with too many loops and conditions. Can anyone review the code and ...
2
votes
1answer
2k views

What is the more effective way to get array of data out of xml for d3 chart?

I am writing a small application that would interactively allow user for xml file manipulation with d3 interactive charts. My xml file has the following hierarchy : ...
1
vote
1answer
2k views

D3.js zoomable map

I have this code and would like to have it reviewed: ...
3
votes
1answer
1k views

d3.js realtime streamgraph memory problem

This page (full source & demo) displays a 2-channel horizontal d3.js Streamgraph that takes realtime mouse coordinates as data inputs for the graph. However, it tends to gradually use up an ...
6
votes
1answer
4k views

How can I optimize my d3 graph visualization?

I've been learning Python for about a year and now I'm trying to improve my JavaScript. I wrote this simple d3 visualization that shows your Facebook friends as a force-directed graph. Here's a live ...
5
votes
2answers
279 views

Optimizing mouse in/out

I have this code that places a marker and on mouse-over this marker is scaled out and then back to the 'original' scale: ...