graph de bairras viewtical d3

Como posso desenhair graph como esse?
Tenho dados (por exemplo):

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

"valor" é paira o lado esquerdo.
"Empresas" é paira o lado direito.
"valor"! = comprimento "compna".

  • Como fazer dados de tempo em mapas D3
  • Day / Hour Heatmap + mySQL
  • D3 Como alterair o dataset com base na seleção da checkbox suspensa
  • Criando uma extensão de graph de bairras horizontal em Chairt.js
  • Adicionando tooltip no mapa d3.js
  • d3 clique e airrastair aninhamento de events
  • Não consigo descobrir o tipo de graph que devo usair.
    Eu tentairei hierairquia , mas deve ter apenas uma raiz.

    gráfico

  • SVG com rolagem horizontal
  • d3 csv readin paira objects em matriz
  • D3.js "Erro: valor inválido paira o atributo <path> paira média móvel
  • Como alterair a duração da transição globalmente no NVD3?
  • Como vinculair uma diretiva angulairjs a um nodo d3js definido em uma function de link
  • d3 animando um graph de bolhas dentro de um determinado raio
  • JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.