charticulator.com/about.md

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

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

## Team

<div class="author-list">
    <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://github.com/MrRamka">
            <div class="el-image"><img src="{{ '/images/authors/author_ramil.jpg' | relativize_url }}" alt="Ramil Minyukov" /></div>
            <div class="el-name">Ramil Minyukov</div>
            <div class="el-affiliation">Akvelon</div>
        </a>
    </div>
    <div class="author-list-item">
        <a href="https://www.microsoft.com/en-us/research/people/johnthompson">
            <div class="el-image"><img src="{{ '/images/authors/author_john.jpg' | relativize_url }}" alt="John Thompson" /></div>
            <div class="el-name">John Thompson</div>
            <div class="el-affiliation">Microsoft Research</div>
        </a>
    </div>
    <div class="author-list-item">
        <a href="https://www.microsoft.com/en-us/research/people/kenh">
            <div class="el-image"><img src="{{ '/images/authors/author_ken.jpg' | relativize_url }}" alt="Ken Hinckley" /></div>
            <div class="el-name">Ken Hinckley</div>
            <div class="el-affiliation">Microsoft Research</div>
        </a>
    </div>
</div>
<div class="author-list">
    <div class="author-list-item">
        <a href="https://www.microsoft.com/en-us/research/people/sdrucker">
            <div class="el-image"><img src="{{ '/images/authors/author_steve.jpg' | relativize_url }}" alt="Steven Drucker" /></div>
            <div class="el-name">Steven Drucker</div>
            <div class="el-affiliation">Microsoft Research</div>
        </a>
    </div>
    <div class="author-list-item">
        <a href="https://github.com/zbritva">
            <div class="el-image"><img src="{{ '/images/authors/author_ilfat.jpg' | relativize_url }}" alt="Ilfat Galiev" /></div>
            <div class="el-name">Ilfat Galiev</div>
            <div class="el-affiliation">Akvelon</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>

## Past Members

<div class="author-list">
    <div class="author-list-item">
        <a href="https://www.linkedin.com/in/donghaoren/">
            <div class="el-image"><img src="{{ '/images/authors/author_donghao.jpg' | relativize_url }}" alt="Donghao Ren" /></div>
            <div class="el-name">Donghao Ren</div>
        </a>
    </div>
    <div class="author-list-item">
        <a href="https://www.linkedin.com/in/matthewbrehmer/">
            <div class="el-image"><img src="{{ '/images/authors/author_matt.jpg' | relativize_url }}" alt="Matthew Brehmer" /></div>
            <div class="el-name">Matthew Brehmer</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/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>
<div class="author-list">
    <div class="author-list-item">
        <a href="https://www.microsoft.com/en-us/research/people/danmar">
            <div class="el-image"><img src="{{ '/images/authors/author_dan.jpg' | relativize_url }}" alt="Dan Marshall" /></div>
            <div class="el-name">Dan Marshall</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>

## Publications

<div class="paper-list">
    <div class="paper-list-item">
        <div class="paper-thumbnail"><a href="https://www.microsoft.com/en-us/research/uploads/prod/2020/02/CriticalReflections-InfoVis2019.pdf"><img src="{{ '/images/criticalreflections.png' | relativize_url }}" alt="Paper Thumbnail" /></a></div>
        <div class="paper-content">
            <div class="paper-title">
                Critical Reflections on Visualization Authoring Systems
                <span class="paper-link">[<a href="https://www.microsoft.com/en-us/research/uploads/prod/2020/02/CriticalReflections-InfoVis2019.pdf">PDF</a>]</span>
            </div>
            <div class="paper-author">Arvind Satyanarayan, Bongshin Lee, Donghao Ren, Jeffrey Heer, John Stasko, John Thompson, Matthew Brehmer, and Zhicheng Liu</div>
            <div class="paper-journal">IEEE Transactions on Visualization and Computer Graphics (InfoVis 2019), 25 (1), 2020</div>
        </div>
    </div>
    <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/charticulator.png' | 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), 25 (1), 2019</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 class="paper-list-item">
        <div class="paper-thumbnail"><a href="https://www.microsoft.com/en-us/research/uploads/prod/2018/08/AuthoringToolsEval-BELIV2018.pdf"><img src="{{ '/images/authoringtoolseval.png' | relativize_url }}" alt="Paper Thumbnail" /></a></div>
        <div class="paper-content">
            <div class="paper-title">
                Reflecting on the Evaluation of Visualization Authoring Systems
                <span class="paper-link">[<a href="https://www.microsoft.com/en-us/research/uploads/prod/2018/08/AuthoringToolsEval-BELIV2018.pdf">PDF</a>]</span>
            </div>
            <div class="paper-author">Donghao Ren, Bongshin Lee, Matthew Brehmer, and Nathalie Henry Riche</div>
            <div class="paper-journal">Proceedings of BELIV Workshop, 2018</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>