D3 Examples - Vega-lite: Horizontal Stacked Bar Chart with Labels

xxxxxxxxxx
 
<!DOCTYPE html>
<head>
  <meta charset='utf-8'>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/vega/3.0.8/vega.js'></script>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/vega-lite/2.0.4/vega-lite.js'></script>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/vega-embed/3.0.0-rc7/vega-embed.js'></script>
  <style>
    body { font-family: sans-serif; }
  </style>
</head>
<body>
  <div id='vis'></div>
  <script>
    const spec = 'vega-lite-stacked-bar-chart-with-labels.json'
    const opts = {
      'actions': {export: false, source: false, editor: false},
      'renderer': 'svg'}
    vegaEmbed('#vis', spec, opts).catch(console.warn)
  </script>
</body>
​
    