Binden großer Arrays in D3

Question

Ich verwende D3, um Daten anzuzeigen, die an Maps gebunden sind, und ich weiß nicht, wie große Listen gehandhabt werden sollen.

Wenn ich Daten für Branchen verwende, gibt es etwa 20 oder so NAICS, die einfach ist.

Als Beispiel binde ich die Daten von einem GeoJSON mit diesem Code:

var values = feature.properties;    
var data = [ 
    {key: "Agric.,forestry., fishing.,hunting.", name:"N11",value:values["N11"]}, 
    {key: "Mining.,quar., oil,gas", name:"N21",value:values["N21"]}, 
    {key: "Utilities", name:"N22",value:values["N22"]}, 
    {key: "Constr.", name:"N23OL",value:values["N23"]}, 
    {key: "Manuf.", name:"N31_33OL",value:values["N31-33"]}, 
    {key: "Wholesale trade", name:"N41OL",value:values["N41"]}, 
    {key: "Retail trade", name:"N44-45",value:values["N44-45"]}, 
    {key: "Transportation, warehousing", name:"N48-49",value:values["N48-49"]}, 
    {key: "Information, cultur.industries", name:"N51",value:values["N51"]}, 
    {key: "Finance, insurance", name:"N52",value:values["N52"]}, 
    {key: "Real estate, rental,leasing", name:"N53",value:values["N53"]}, 
    {key: "Prof.scientific, techn.services", name:"N54",value:values["N54"]}, 
    {key: "Management companies,enterprises", name:"N55",value:values["N55"]}, 
    {key: "Admin.support, waste.manag., remed.services", name:"N56",value:values["N56"]}, 
    {key: "Educational services", name:"N61",value:values["N61"]}, 
    {key: "Health.care, social.assistance", name:"N62",value:values["N62"]}, 
    {key: "Arts,entertainment, recreation", name:"N71",value:values["N71"]}, 
    {key: "Accommodation, food.services", name:"N72",value:values["N72"]}, 
    {key: "Other.services (except.pub. admin.)", name:"N81",value:values["N81"]}, 
    {key: "Public administration", name:"N91",value:values["N91"]} 
]; 

Nun, wenn ich wollte Berufe Daten verwenden, es wird schwierig, weil es rund 800 von ihnen ist. Es ist natürlich nicht praktikabel, sie mit der Hand zu tippen. Wie würde das gehandhabt werden? Importieren Sie eine CSV mit d3.csv und verbinden Sie sich mit dem Geojson-Datenobjekt? Ich weiß nicht, wo ich anfangen soll. Hier

ist ein Beispiel dessen, was ich mit kleineren Mengen zu tun: https://jsfiddle.net/Monduiz/tr5pxv1s/

Answer 1

Es klingt wie Sie genau wissen, was Sie tun, haben Sie nur die besten Beispiele verpasst lernen:

Example visualisation mapping reasonably large data-set loaded from tab-separated-values.

Was in diesem Beispiel einfach zu übersehen ist, ist, wie es d3.queue(), defer() und await() verwendet, um sicherzustellen, dass die Daten in der richtigen Reihenfolge geladen und verarbeitet werden.

Siehe auch documentation for other CSV-related functions.