How to handle duplicate values in d3.js

Posted by Mario on Stack Overflow See other posts from Stack Overflow or by Mario
Published on 2014-08-22T10:10:24Z Indexed on 2014/08/22 10:20 UTC
Read the original article Hit count: 201

Filed under:

First I'm a d3.js noob :)

How you can see from the title I've got a problem with duplicated data and aggregate the values is no option, because the name represent different bus stops. In this example maybe the stops are on the fron side and the back side of a building.

And of course I like to show the names on the x-axis.

If i created an example and the result is a bloody mess, see jsFiddel.

  • x = index
  • name = bus stop name
  • n = value

I've got a json e.g.:

[{
  "x": 0,
  "name": "Corniche St / Abu Dhabi Police GHQ",
  "n": 113
},
{
  "x": 1,
  "name": "Corniche St / Nation Towers",
  "n": 116
},
{
  "x": 2,
  "name": "Zayed 1st St / Al Khalidiya Public Garden",
  "n": 146
}, 
...
{
  "x": 49,
  "name": "Hamdan St / Tariq Bin Zeyad Mosque",
  "n": 55
}]

The problem: It is possible that the name could appear more then once e.g.

{
"x": 1,
"name": "Corniche St / Nation Towers",
"n": 116
}
and
{
"x": 4,
"name": "Corniche St / Nation Towers",
"n": 105
}

I like to know is there a way to tell d3.js not to use distinct names and instead just show all names in sequence with their values.

Any ideas or suggestions are very welcome :) If you need more information let me know.

Thanks in advanced Mario

© Stack Overflow or respective owner

Related posts about d3.js