index.html

---
layout: page
show_title: false
---

<div class="row">
  <div class="col-sm-4 order-sm-2">
    <img src="img/logo_white.png" />
  </div>
  <div class="col-sm-8 order-sm-1">
    <h1>Welcome to the Teach Viz by Example
      repository!</h1>
    <p>This is a space for the data visualization teaching
      community to find, share, and contribute exemplary data visualizations +
      visualization-ready datasets.</p>
      <p><i>Please explore our beta release and let us know what you think! Look for an option to contribute new material soon.</i></p>
  </div>
</div>
<div class="row">
  <div class="col-sm-12 order-sm-1 button-flex-box">
    <h2 class="button-group-label"> Select an option below to get started</h2>
    <div class = "index-button-group" role = "group">

    <button><a class="btn btn-info" href="{{ '/datavis/' | relative_url }}" role="button">Browse data visualization
        examples</a></button>
    <button><a class="btn btn-info" href="{{ '/datasets/' | relative_url }}" role="button">Browse dataset examples</a></button>
    <button><a class="btn btn-info" href="{{ '/howtoguide/' | relative_url }}" role="button">Review our how-to guide</a></button>
  </div>
  </div>
</div>

<div>
  <h2>Explore the most recent uploads</h2>
  {% assign most_recent_datavis = site.datavis | sort: "approved_date" | last %}
  {% assign most_recent_dataset = site.datasets | sort: "approved_date" | last %}
  <div class = "featured-box">
    <a href="{{ most_recent_datavis.url | absolute_url }}">
    <div class = "featured-vis">
      <img src='{{ most_recent_datavis.full | absolute_url }}' alt='{{ most_recent_datavis.label }}'/>
      <h3>{{most_recent_datavis.label}}</h3>
      <p>{{most_recent_datavis.creator}}. {{most_recent_datavis.date_of_creation}}. </p>
      <p>{{most_recent_datavis.description}}</p>
      </div></a>
  <a href="{{ most_recent_dataset.url | absolute_url }}">
  <div class = "featured-data">
    <img src="{{ 'img/dataset_design.png' | absolute_url }}" alt="{{ most_recent_dataset.label }}"/>
    <h3>{{most_recent_dataset.label}}</h3>
    <p>{{most_recent_dataset.creator}}. {{most_recent_dataset.date_of_creation}}. </p>
    <p>{{most_recent_dataset.description}}</p>
    </div>
  </a>
  </div>
</div>

<div>
  <h2>More about the project</h2>
  <p><strong><a href="https://visualizingthefuture.github.io/">Visualizing the Future</a></strong> is an
    <a href="https://www.imls.gov/grants/available/national-leadership-grants-libraries">IMLS
      National Forum</a> grant project to develop a literacy-based instructional and research
    agenda for library and information professionals with the aim to create a community of
    praxis focused on data visualization. As part of the National Forum,
    <a href="https://visualizingthefuture.github.io/fellows/">several fellows</a> began
    working on building resources to support librarians in developing data visualization
    pedagogy. The Examples working group elected to develop a digital repository to host
    exemplary data visualizations and datasets for instructor use across a variety of contexts.</p>

  <p><strong>Note:</strong> We are actively developing this resource and
    anticipate a beta release in spring 2021. As we move forward, we'd love to hear
    from you! The best way to reach out with technical concerns is to
    <a href="https://github.com/visualizingthefuture/examples-repository/issues?page=1&q=is%3Aissue+is%3Aopen/">
      lodge an issue on GitHub</a>. You can also view our code
    <a href="https://github.com/visualizingthefuture/examples-repository">in our
      repository</a>.</p>
</div>