Embedded Bumps charts

Example

<div class="bumps-chart"
  data-set="Town Bumps"
  data-year="2016"
  data-gender="Men"
  data-crew="City 2"
  data-width="300">
  City M2
</div>
  

Dimensions

An embedded Bumps chart automatically adjusts to the width of its parent element. Set the maximum width or the maximum height of an embedded Bumps chart by adding a data-width or data-height attribute.

Customize widget

Control the frame around the Bumps chart by setting a data-chrome attribute with space-separated tokens for each chrome component.

noheader

Hides the header.

nofooter

Hides the footer.

noborder

Remove border surrounding widget area.