d3 вертикальная гистограмма

Question

Как я могу нарисовать диаграмму следующим образом?
У меня есть данные (например):

{ 
    "USA": { 
    "value": 10, 
    "companies": [ "Apple", "Google" ], 
    "color": "red" 
    }, 
    "Germany": { 
    "value": 3, 
    "companies": [ "SAP" ], 
    "color": "green" 
    } 
} 

"значение" для левой стороны.
«компании» предназначены для правой стороны.
"value"! = "Compnaies" length.

Я не могу понять, какой график я должен использовать.
Я попробую hierarchy, но он должен иметь только один корень.

Answer 1

я сделал небольшую POC, но я не уверен, что вы хотите, чтобы я не действительно получил гораздо дальше, пожалуйста, посмотри на это: https://jsfiddle.net/z9bcfdvk/ я использовал dataser вы предоставили и добавил один запись: Сообщите мне, если вы хотите больше деталей.

var data = [ 
     { 
      country: "USA", 
      "value": 10, 
      companies: ["Apple", "Google"], 
      "color": "#123445" 
     }, 
     { 
      country: "Germany", 
      "value": 
       3, 
      companies: 
       ["SAP"], 
      "color": 
       "#987456" 
     }, { 
      country: "France", 
      "value": 
       1, 
      companies: 
       ["RENAULT"], 
      "color": 
       "#8b9838" 
     } 
    ]