D3.js: Como ler dados do JSON no gráfico de barras agrupadas

Eu estou trabalhando emD3.js onde estou explorando todos os aspectos do D3. Enquanto exploraGráfico de barras agrupadas Posso atravessar para ler o arquivo através de JSON (não via CSV).

Se você pode ver emGráfico de barras agrupadas eles estão usandodata.csv

State,Under 5 Years,5 to 13 Years,14 to 17 Years,18 to 24 Years,25 to 44 Years,45 to 64
Years,65 Years and Over
CA,2704659,4499890,2159981,3853788,10604510,8819342,4114496
TX,2027307,3277946,1420518,2454721,7017731,5656528,2472223
NY,1208495,2141490,1058031,1999120,5355235,5120254,2607672
FL,1140516,1938695,925060,1607297,4782119,4746856,3187797
IL,894368,1558919,725973,1311479,3596343,3239173,1575308
PA,737462,1345341,679201,1203944,3157759,3414001,1910571

Eu quero construir o mesmo gráfico, mas com arquivo JSON.Como posso converter esse arquivo CSV para JSON e gerar o mesmo gráfico? por favor ajude.

EDITAR

Eu personalizo este gráfico de acordo com minha necessidade. Aqui está o meu data.csv

State,Orders,Abandoned
0,300,500
1,400,600
2,500,700
3,600,800
4,700,900
5,800,1000
6,900,1100
7,1000,1200
8,700,900
9,600,700
10,550,750

Então, aqui eu codifiquei todos os valores e o gráfico está saindo em um bom formato.

Agora estou escrevendo um serviço da Web usando JAXB para enviar os mesmos dados usando o formato JSON.

{
"ordernumbertrack": [
{
  "state":1,
  "noOfCancellation": "12",
  "noOfOrder": "30"
},
{
  "state":2,
  "noOfCancellation": "7",
  "noOfOrder": "15"
},
{
  "state":3,
  "noOfCancellation": "15",
  "noOfOrder": "35"
},
{
  "state":4,
  "noOfCancellation": "5",
  "noOfOrder": "18"
},
{
  "state":5,
  "noOfCancellation": "10",
  "noOfOrder": "55"
},
{
  "state":6,
  "noOfCancellation": "8",
  "noOfOrder": "45"
},
{
  "state":7,
  "noOfCancellation": "5",
  "noOfOrder": "20"
},
{
  "state":8,
  "noOfCancellation": "6",
  "noOfOrder": "30"
},
{
  "state":9,
  "noOfCancellation": "4",
  "noOfOrder": "22"
},
{
  "state":10,
  "noOfCancellation": "17",
  "noOfOrder": "40"
},
{
  "state":11,
  "noOfCancellation": "2",
  "noOfOrder": "14"
},
{
  "state":12,
  "noOfCancellation": "5",
  "noOfOrder": "18"
}
]
}

Como posso analisá-lo agora?

questionAnswers(1)

yourAnswerToTheQuestion