mapd.html

---
title: Du Hoang
---

{% include header.html %}
{% include user.html %} 
          
      </div>
    </div>
  </div>

  <div class="content">
    <div class="section">

      <div class="tile" style="border: 1px solid #d4d4d4">
        <img src="img/mapd-chart-editor.png"  />
      </div>
      <div class="horizontal-section">
        <div class="section-heading">MapD: Massive parallel Database</div>
        <div class="section-info">
          <p>I was the first design hire and lead designer at OmniSci (formerly MapD), a Google Ventures GPU database startup. There I designed a modern data visualization platform that simplifies the complex task of configuring dashboards.
            </p>
        </div>
      </div>
    
      
    </div>


    <div class="section">
      <div class="horizontal-section wide">
        <div>
        <div class="narrow-col"> 
          <div class="section-heading">Beauty in Simplicity</div>
            <div class="section-info">
             <p>In the competitive landscape of data visualization platforms, MapD needed innovative design to differentiate itself from the rest of the pack.</p>
                    <p>The key was to leapfrog the current industry standard, which is mired in decades of corporate application design, with its obtuse visual language and steep learning curve.</p> 
                    <p>So I created new design paradigms with the aim of bringing clarity and simplicity to the complex world of big data exploration.</p>
            </div>
          </div>
        </div>
        <div class="vertical-imgs">
          <div class="t">
            <img src="img/mapd-dashboard.png"  style="border: 1px solid #d4d4d4;"/>
          </div>
          <div class="t" style="border: 1px solid #d4d4d4; margin: 32px 0;">
            <img src="img/mapd-2.png"  />
          </div>

        </div>
      </div>
    </div>
    <div class="section">
      <div class="horizontal-section">
        <div class="section-heading">Beauty in Motion</div>
        <div class="section-info">
          <p>My philosophy is that interactive data visualization should be more than just a collection of static views. And through the thoughtful use of animation and transitions, my goal is to bring them to life.
            </p>
        </div>
      </div>
      <div class="section-view video">
        <div class="view-transform">
          <div class="tile" style="border: 1px solid #d4d4d4;">
            <iframe src="https://player.vimeo.com/video/144312724?loop=1&amp;title=0&amp;byline=0&amp;portrait=0" style="width:100%; height:100%;"  frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
          </div>
        </div>
      </div>
     
    </div>

  

    <div  class="next-link" >
      <a href="sysdig.html">Sysdig<span class="icon" ><svg viewBox="0 0 24 24"><use xlink:href="#icon-arrow2"></use></svg></span></a>
    </div>
  </div>
</body>
</html>