charticulator.com/about.md

---
layout: page
title: About
---

Charticulator is a project from [Microsoft Research](https://www.microsoft.com/en-us/research/).

People
----

<div class="author-list">
    <div class="author-list-item">
        <a href="https://donghaoren.org/">
            <div class="el-image"><img src="{{ '/images/authors/author_donghao.jpg' | relativize_url }}" alt="Donghao Ren" /></div>
            <div class="el-name">Donghao Ren</div>
            <div class="el-affiliation">University of California, Santa Barbara</div>
        </a>
    </div>
    <div class="author-list-item">
        <a href="http://bongshiny.com/">
            <div class="el-image"><img src="{{ '/images/authors/author_bongshin.jpg' | relativize_url }}" alt="Bongshin Lee" /></div>
            <div class="el-name">Bongshin Lee</div>
            <div class="el-affiliation">Microsoft Research</div>
        </a>
    </div>
    <div class="author-list-item">
        <a href="https://mattbrehmer.github.io/">
            <div class="el-image"><img src="{{ '/images/authors/author_matt.jpg' | relativize_url }}" alt="Matthew Brehmer" /></div>
            <div class="el-name">Matthew Brehmer</div>
            <div class="el-affiliation">Microsoft Research</div>
        </a>
    </div>
    <div class="author-list-item">
        <a href="https://github.com/natoverse">
            <div class="el-image"><img src="{{ '/images/authors/author_nathan.jpg' | relativize_url }}" alt="Nathan Evans" /></div>
            <div class="el-name">Nathan Evans</div>
            <div class="el-affiliation">Microsoft Research</div>
        </a>
    </div>
    <div class="author-list-item">
        <a href="https://github.com/katua">
            <div class="el-image"><img src="{{ '/images/authors/author_kate.jpg' | relativize_url }}" alt="Kate Lytvynets" /></div>
            <div class="el-name">Kate Lytvynets</div>
            <div class="el-affiliation">Microsoft Research</div>
        </a>
    </div>
    <div class="author-list-item">
        <a href="https://github.com/stopyoukid">
            <div class="el-image"><img src="{{ '/images/authors/author_david.jpg' | relativize_url }}" alt="David Tittsworth" /></div>
            <div class="el-name">David Tittsworth</div>
            <div class="el-affiliation">Microsoft Research</div>
        </a>
    </div>
    <div class="author-list-item">
        <a href="https://github.com/darthtrevino">
            <div class="el-image"><img src="{{ '/images/authors/author_chris.jpg' | relativize_url }}" alt="Chris Trevino" /></div>
            <div class="el-name">Chris Trevino</div>
            <div class="el-affiliation">Microsoft Research</div>
        </a>
    </div>
</div>

Publication
----
<div class="paper-list">
    <div class="paper-list-item">
        <div class="paper-thumbnail"><a href="https://www.microsoft.com/en-us/research/uploads/prod/2018/08/Charticulator-InfoVis2018.pdf"><img src="{{ '/images/paper-thumbnail.jpg' | relativize_url }}" alt="Paper Thumbnail" /></a></div>
        <div class="paper-content">
            <div class="paper-title">Charticulator: Interactive Construction of Bespoke Chart Layouts <span class="paper-link">[<a href="https://www.microsoft.com/en-us/research/uploads/prod/2018/08/Charticulator-InfoVis2018.pdf">PDF</a>]</span></div>
            <div class="paper-author">Donghao Ren, Bongshin Lee, and Matthew Brehmer</div>
            <div class="paper-journal">IEEE Transactions on Visualization and Computer Graphics (InfoVis 2018), To appear</div>
            <div class="paper-award"><img src="{{ '/images/icons/honorable-mention.svg' | relativize_url }}" style="height: 1.5em; vertical-align: top;" /> Best Paper Honorable Mention Award</div>
        </div>
    </div>
</div>


Libraries that power Charticulator
----

<div class="library-list">
    <div class="library-list-item">
        <a href="https://reactjs.org/">
            <div class="el-image"><img src="{{ '/images/libraries/react.png' | thumbnail_image: 'x100' | relativize_url }}" alt="React" /></div>
        </a>
    </div>
    <div class="library-list-item">
        <a href="https://www.typescriptlang.org/">
            <div class="el-image"><img src="{{ '/images/libraries/typescript.png' | thumbnail_image: 'x100' | relativize_url }}" alt="TypeScript" /></div>
        </a>
    </div>
    <div class="library-list-item">
        <a href="https://d3js.org/">
            <div class="el-image"><img src="{{ '/images/libraries/d3.png' | thumbnail_image: 'x100' | relativize_url }}" alt="D3" /></div>
        </a>
    </div>
    <div class="library-list-item">
        <a href="https://hammerjs.github.io">
            <div class="el-image"><img src="{{ '/images/libraries/hammerjs.png' | thumbnail_image: 'x100' | relativize_url }}" alt="Hammer.js" /></div>
        </a>
    </div>
</div>

<a href="{{ '/third_party.html' | relativize_url }}">Complete List of Third Party Notices</a>