about.html

---
layout: default
title: About
navbar_gray: true
---


<style>
/*Styling for the community section */
/* Style for inter-repo links */
.link1 {
  stroke: white;
  stroke-width: 1;
}

/* Style for repo-contributor links */
.link2 {
  stroke: #e6e6e6;
  stroke-width: 2;
}

.node text {
  pointer-events: none;
  font: 0px sans-serif;
}
</style>


<section>
    <div class="header">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <h2>About Project Jupyter</h2>
                    <p>Project Jupyter was born out of the IPython Project in 2014 as it evolved to support interactive data science and scientific computing across all programming languages.</p>
                </div>
            </div>
        </div>
    </div>
</section>
<section id="community">
    <div class="section-white top-section-border">
        <div class="container">
            <div class="row">
                <img src="assets/community.svg" class="section-icon img-responsive" alt="community graphic with orange circle and network">
                <h3 class="col-sm-12 section-header">Community</h3>
                <p class="col-sm-12 support-paragraph">Our vibrant community empowers us to create an amazing platform. Dynamic developers, cutting edge scientists as well as everyday users work together to further Jupyter's best-in-class tools.<span class="hidden-xs hidden-sm"> Here is a dynamic visualization of our most recent contributors:</span></p>
                <!--<img class="img-responsive col-md-12" src="assets/spiderweb.png"> -->
                <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
                <div id="visualization" class="hidden-xs hidden-sm">
                </div>
                <div class="hidden-md hidden-lg">
                    <img src="assets/community-replace.png" class="img-responsive" alt="community graphic">
                <script>

                    //basic tuning parameters
                    var width = 600,
                        height = 500,
                        radius = 15,
                        distance = 70,
                        gravity = .09,
                        charge = -550;

                    //scale for icon classes
                    var scale = new Array();
                    scale["contributor"] = 1;
                    scale["repo"] = 1.4;
                    scale["center"] = 4.5;

                    //Whether to show label
                    var showLabel = new Array();
                    showLabel["contributor"] = true;
                    showLabel["repo"] = true;
                    showLabel["center"] = false;

                    var svg = d3.select("#visualization").append("svg")
                        .attr("width", width)
                        .attr("height", height);

                    var force = d3.layout.force()
                        .gravity(gravity)
                        .distance(function (d) {return d.value * distance})
                        .charge(charge)
                        .size([width, height]);

                    d3.json("graphData.json", function(error, json) {
                        if (error) throw error;

                        force
                            .nodes(json.nodes)
                            .links(json.links)
                            .start();

                        var link = svg.selectAll(".link")
                            .data(json.links)
                            .enter().append("line")
                            .attr("class", function(d) {return "link" + d.value});

                        var node = svg.selectAll(".node")
                            .data(json.nodes)
                            .enter().append("g")
                            .attr("class", "node")
                            .call(force.drag);

                        svg.append("clipPath")
                            .attr("id", "clipCircle-contributor")
                            .append("circle")
                            .attr("r", radius * scale["contributor"]);

                        node.append("svg:image")
                            .attr("xlink:href", function(d) {return d.image;})
                            .attr("x", function(d) {return -radius * scale[d.type]})
                            .attr("y", function(d) {return -radius * scale[d.type]})
                            .attr("width", function(d) {return radius * 2 * scale[d.type]})
                            .attr("height", function(d) {return radius * 2 * scale[d.type]})
                            .attr("clip-path", function(d) {return "url(#clipCircle-" + d.type + ")" });

                        node.append("text")
                            .attr("dx", 20)
                            .attr("dy", ".35em")
                            .text(function(d) { return (showLabel[d.type]) ? d.name : ""});

                        force.on("tick", function() {
                            node.attr("cx", function(d) { return d.x = Math.max(radius, Math.min(width - radius, d.x)); })
                            .attr("cy", function(d) { return d.y = Math.max(radius, Math.min(height - radius, d.y)); });

                        link.attr("x1", function(d) { return d.source.x; })
                            .attr("y1", function(d) { return d.source.y; })
                            .attr("x2", function(d) { return d.target.x; })
                            .attr("y2", function(d) { return d.target.y; });

                        node.attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; });
                        });
                    });
                </script>
                </div>
            </div>
        </div>
    </div>
</section>
<section id="steering-council">
    <div class="section-grey">
        <div class="container">
            <div class="row">
                <img src="assets/steering.svg" class="section-icon img-responsive" alt="steering committee icon">
                <h3 class="col-sm-12 section-header">Steering Council</h3>
                <p class="col-sm-12 support-paragraph">Our team is primarily led by 15 steering committee members who ultimately make the final decisions.</p>
                <div class="col-md-12 section-content section-center">
                    <div class="col-md-4 material">
                        <img class="council-member-photo" alt="Damian Avila's avatar picture" src='https://avatars3.githubusercontent.com/u/1640669?v=3&s=170' />
                        <p class="card-header">Damian Avila</p>
                        <p class="card-info">Continuum Analytics<br><a href="https://github.com/damianavila" target="_blank"><em>@damianavila</em></a> on GitHub</p>
                    </div>
                    <div class="col-md-4 material">
                        <img class="council-member-photo" alt="Matthias Bussonnier's avatar picture" src='https://avatars2.githubusercontent.com/u/335567?v=3&s=400' />
                        <p class="card-header">Matthias Bussonnier</p>
                        <p class="card-info">UC Berkeley<br><a href="https://github.com/carreau" target="_blank"><em>@carreau</em></a> on GitHub</p>
                    </div>
                    <div class="col-md-4 material">
                        <img class="council-member-photo" alt="Sylvain Corlay's avatar picture" src='https://avatars0.githubusercontent.com/u/2397974?v=3&s=400' />
                        <p class="card-header">Sylvain Corlay</p>
                        <p class="card-info">QuantStack<br><a href="https://github.com/sylvaincorlay" target="_blank"><em>@sylvaincorlay</em></a> on GitHub</p>
                    </div>
                    <div class="col-md-4 material">
                        <img class="council-member-photo" alt="Jonathan Frederic's avatar picture" src='https://avatars2.githubusercontent.com/u/3292874?v=3&s=400' />
                        <p class="card-header">Jonathan Frederic</p>
                        <p class="card-info">Cal Poly, San Luis Obispo<br><a href="https://github.com/jdfreder" target="_blank"><em>@jdfreder</em></a> on GitHub</p>
                    </div>
                    <div class="col-md-4 material">
                        <img class="council-member-photo" alt="Brian Granger's avatar picture" src='https://avatars1.githubusercontent.com/u/27600?v=3&s=170' />
                        <p class="card-header">Brian Granger</p>
                        <p class="card-info">Cal Poly, San Luis Obispo<br><a href="https://github.com/ellisonbg" target="_blank"><em>@ellisonbg</em></a> on GitHub</p>
                    </div>
                    <div class="col-md-4 material">
                        <img class="council-member-photo" alt="Jason Grout's avatar picture" src='https://avatars1.githubusercontent.com/u/192614?v=3&s=400' />
                        <p class="card-header">Jason Grout</p>
                        <p class="card-info">Bloomberg<br><a href="https://github.com/jasongrout" target="_blank"><em>@jasongrout</em></a> on GitHub</p>
                    </div>
                    <div class="col-md-4 material">
                        <img class="council-member-photo" alt="Jessica Hamrick's avatar picture" src='https://avatars2.githubusercontent.com/u/83444?v=3&s=400' />
                        <p class="card-header">Jessica Hamrick</p>
                        <p class="card-info">UC Berkeley<br><a href="https://github.com/jhamrick" target="_blank"><em>@jhamrick</em></a> on GitHub</p>
                    </div>
                     <div class="col-md-4 material">
                        <img class="council-member-photo" alt="Paul Ivanov's avatar picture" src='https://avatars3.githubusercontent.com/u/118211?v=3&s=400' />
                        <p class="card-header">Paul Ivanov</p>
                        <p class="card-info">Bloomberg<br><a href="https://github.com/ivanov" target="_blank"><em>@ivanov</em></a> on GitHub</p>
                    </div>
                    <div class="col-md-4 material">
                        <img class="council-member-photo" alt="Thomas Kluyver's avatar picture" src='https://avatars0.githubusercontent.com/u/327925?v=3&s=400' />
                        <p class="card-header">Thomas Kluyver</p>
                        <p class="card-info">University of Southampton<br><a href="https://github.com/takluyver" target="_blank"><em>@takluyver</em></a> on GitHub</p>
                    </div>
                    <div class="col-md-4 material">
                        <img class="council-member-photo" alt="Kyle Kelley's avatar picture" src='https://avatars1.githubusercontent.com/u/836375?v=3&s=400' />
                        <p class="card-header">Kyle Kelley</p>
                        <p class="card-info">Netflix<br><a href="https://github.com/rgbkrk" target="_blank"><em>@rgbkrk</em></a> on GitHub</p>
                    </div>
                    <div class="col-md-4 material">
                        <img class="council-member-photo" alt="Peter Parente's avatar picture" src='https://avatars2.githubusercontent.com/u/153745?v=3&s=400' />
                        <p class="card-header">Peter Parente</p>
                        <p class="card-info">MaxPoint<br><a href="https://github.com/parente" target="_blank"><em>@parente</em></a> on GitHub</p>
                    </div>
                    <div class="col-md-4 material">
                        <img class="council-member-photo" alt="Fernando Perez's avatar picture" src='https://avatars3.githubusercontent.com/u/57394?v=3&s=400' />
                        <p class="card-header">Fernando Perez</p>
                        <p class="card-info">UC Berkeley<br><a href="https://github.com/fperez" target="_blank"><em>@fperez</em></a> on GitHub</p>
                    </div>
                    <div class="col-md-4 material">
                        <img class="council-member-photo" alt="Min Ragan-Kelley's avatar picture" src='https://avatars0.githubusercontent.com/u/151929?v=3&s=400' />
                        <p class="card-header">Min Ragan-Kelley</p>
                        <p class="card-info">Simula Research Lab<br><a href="https://github.com/minrk" target="_blank"><em>@minrk</em></a> on GitHub</p>
                    </div>
                    <div class="col-md-4 material">
                        <img class="council-member-photo" alt="Steven Silvester's avatar picture" src='https://avatars2.githubusercontent.com/u/2096628?v=3&s=400' />
                        <p class="card-header">Steven Silvester</p>
                        <p class="card-info">Continuum Analytics<br><a href="https://github.com/blink1073" target="_blank"><em>@blink1073</em></a> on GitHub</p>
                    </div>
                    <div class="col-md-4 material">
                        <img class="council-member-photo" alt="Carol Willing's avatar picture" src='https://avatars1.githubusercontent.com/u/2680980?v=3&s=400' />
                        <p class="card-header">Carol Willing</p>
                        <p class="card-info">Cal Poly<br><a href="https://github.com/willingc" target="_blank"><em>@willingc</em></a> on GitHub</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section id="sponsors">
    <div class="section-white">
        <div class="container">
            <div class="row">
                <img src="assets/sponsors2.svg" class="section-icon img-responsive" alt="sponsors">
                <h3 class="col-sm-12 section-header">Sponsors</h3>
                <p class="col-sm-12 support-paragraph">Project Jupyter receives direct funding from the following sources:</p>
                <div class="col-xs-12 section-center">
                    <div class="col-sm-3 col-xs-6 sponsor">
                        <a href="http://helmsleytrust.org">
                            <img src="assets/helmsley.svg" class="company-logo" alt="helmsley trust logo"/>                                   </a>
                    </div>
                    <div class="col-sm-3 col-xs-6 sponsor">
                        <a href="http://www.sloan.org/">
                            <img src="assets/alfred.svg" class="company-logo" alt="sloan logo"/>
                        </a>
                    </div>
                    <div class="col-sm-3 col-xs-6 sponsor">
                        <a href="https://www.moore.org/">
                            <img src="assets/moore.svg" class="company-logo" alt="moore foundation logo"/>
                        </a>
                    </div>
                    <div class="col-sm-3 col-xs-6 sponsor">
                        <a href="https://www.google.com/">
                            <img src="assets/google-color.svg"  class="company-logo" alt="google logo"/>
                        </a>
                    </div>
                </div>
                <div class="col-xs-12 section-center">
                    <div class="col-sm-3 col-xs-6 sponsor">
                        <a href="http://developer.rackspace.com/">
                            <img src="assets/rackspace-color.svg" class="company-logo" alt="rackspace logo"/>
                        </a>
                    </div>
                    <div class="col-sm-3 col-xs-6 sponsor">
                        <a href="https://www.fastly.com/">
                            <img src="assets/fastly.svg" class="company-logo" alt="fastly logo"/>
                        </a>
                    </div>
                    <div class="col-sm-3 col-xs-6 sponsor">
                        <a href="http://opendreamkit.org/">
                            <img src="assets/EC-H2020.svg" class="company-logo" alt="EU logo"/>
                        </a>
                    </div>
                    <div class="col-sm-3 col-xs-6 sponsor">
                        <a href="http://www.microsoft.com/">
                            <img src="assets/microsoft-color.svg" class="company-logo" alt="microsoft logo"/>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section id="partners">
    <div class="section-grey">
        <div class="container">
            <div class="row">
                <img src="assets/institutional_partners2.svg" class="section-icon img-responsive" alt="institutional partners">
                <h3 class="col-sm-12 section-header">Institutional Partners</h3>
                <p class="col-sm-12 support-paragraph">Institutional Partners are companies and universities that support the project by employing Steering Council members. 
            Current Institutional Partners include:</p>
                <div class="col-xs-12 section-center">
                    <div class="col-sm-3 col-xs-6 sponsor">
                        <a href="http://continuum.io/">
                            <img src="assets/continuum-color.svg" class="company-logo" height="60" width="200" alt="continuum.io logo">
                        </a>
                    </div>
                    <div class="col-sm-3 col-xs-6 sponsor">
                        <a href="http://www.bloomberg.com/">
                            <img src="assets/bloomberg-color.svg" class="company-logo" alt="bloomberg logo">
                        </a>
                    </div>
                    <div class="col-sm-3 col-xs-6 sponsor">
                        <a href="http://developer.rackspace.com/">
                            <img src="assets/rackspace-color.svg" class="company-logo" alt="rackspace logo">
                        </a>
                    </div>
                    <div class="col-sm-3 col-xs-6 sponsor">
                        <a href="http://www.calpoly.edu/">
                            <img src="assets/poly-color.svg" class="company-logo" alt="cal poly logo">
                        </a>
                    </div>
                    <div class="col-sm-3 col-sm-offset-4 col-xs-6 sponsor center-block">
                        <a href="http://www.berkeley.edu/">
                            <img src="assets/berkeley-color.svg" class="company-logo" alt="UC Berkeley logo">
                        </a>
                    </div>
                    <div class="col-sm-3 col-sm-offset-4 col-xs-6 sponsor center-block">
                        <a href="http://quantstack.net/">
                            <img src="assets/quantstack-color.svg" class="company-logo" alt="QuantStack logo">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section id="governance">
    <div class="section-white governance">
        <div class="container">
            <div class="row">
                <img src="assets/governance-icon2.svg" class="section-icon img-responsive" id="governance" alt="governance icon">
                <h3 class="col-sm-12 section-header">Governance</h3>
                <p class="col-sm-12 support-paragraph">Robust, community driven development with institutional backing.</p>
                <div class="col-md-12 section-center">
                    <h4 class="button1 clickable">NumFocus</h4>
                    <h4 class="button2 clickable">Copyright/License</h4>
                    <h4 class="button3 clickable">Decisions</h4>
                    <h4 class="button4 clickable">Steering Council</h4>
                    <div class="governance-desc">
                        <div class="div1">Project Jupyter is part of the non-profit NumFOCUS Foundation, which provides fiscal sponsorship, governance and a legal umbrella for the project.</div>
                        <div class="div2" style='display:none'>We use a shared copyright model that enables all contributors to maintain the copyright on their contributions. All code is licensed under the terms of the revised BSD license.</div>
                        <div class="div3" style='display:none'>Technical decisions are made through open community discussion and consensus, with a Steering Council and BDFL (Fernando Perez) stepping in when consensus cannot be reached.</div>
                        <div class="div4" style='display:none'>The overall leadership, strategy and direction for the project is provided by the Jupyter Steering Council, a group of the most active project contributors that are nominated for leadership.</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>