Articles in this section

See more

Component Packs - Single Topic

Access all standard StateBook views for a single topic

(Play with this on CodePen)

 

View all of the curated tables, charts, graphs, and maps for a single topic, such as population and age demographics. This interactive set of visualizations can be embedded in a website in less than 20 lines of HTML and JavaScript code.

 

Code snippet

Once you have added the StateBook files to the <head> section of your webpage, this is the only code you need:

<div id="statebook-content"></div>

<script>
  Statebook.displayData({
    authentication: 'demo',
    container: 'statebook-content',
    display: 'componentpack',
    topic: 'dem-pop-age-gender',
    initial: {
      view: 'chart:acs-age-gender'
    }
  });
</script>

 

Related articles

Comments

0 comments

Article is closed for comments.