React Likert

React components for drawing various Likert visualizations in your tables. Uses D3 to draw a continuous chart over the column, yet leaves your table structure intact and adds aria tags for readable data in the original cells.

GitHub | npm

Diverging Likert Bars

Easily generate diverging likert bars that occupy a given column in a standard table.  <view source>

  Strongly Disagree
  Disagree
  Undecided
  Agree
  Strongly Agree
prompt n mean
I am the very model of a modern major general.102 0.53
I've information vegetable, animal, and mineral.137 0.53
I know the kings of England, and I quote the fights historical.130 1.06
From Marathon to Waterloo, in order categorical.144 -0.30
I'm very well acquainted, too, with matters mathematical.144 0.59

Custom Colors

Pass custom colors, with or without automatic patterns applied.  <view source>

  Strongly Disagree
  Disagree
  Undecided
  Agree
  Strongly Agree
prompt n mean
I am the very model of a modern major general.114 0.01
I've information vegetable, animal, and mineral.130 0.53
I know the kings of England, and I quote the fights historical.146 1.02
From Marathon to Waterloo, in order categorical.143 0.40
I'm very well acquainted, too, with matters mathematical.141 -0.41

Stacked

Optionally generate stacked bars.  <view source>

  Strongly Disagree
  Disagree
  Undecided
  Agree
  Strongly Agree
prompt n mean
I am the very model of a modern major general.147-0.37 
I've information vegetable, animal, and mineral.146-0.61 
I know the kings of England, and I quote the fights historical.1360.59 

Coninuous

Or instead of positive / negative polarity, indicate a continuous scale of intensity:  <view source>

  Never
  Rarely
  Occasionally
  Weekly
  Daily
How often do you think this? n mean
I am the very model of a modern major general.121-0.25 
I've information vegetable, animal, and mineral.122-0.47 
I know the kings of England, and I quote the fights historical.1020.01