<commit_before><div class="main-container portfolio-container">
    <div ng-if="hide">Please refresh and retry password</div>
    <div ng-if="show">
        <h1 class="page-title">Portfolio</h1>
        <div class="row port-section">
            <div class="col-xs-9" ng-click="toggleSection('heatmap')">
                <h2>Financial Heatmap</h2><i class="glyphicon" ng-class="showClass('heatmap')"></i>
            </div>
        </div>
        <div class="row heatmap" ng-if="showing('heatmap')">
            <div class="col-xs-9">
                <h3>Requirements</h3>
                <p>A UI for visualizing a financial portfolio. Rectangles are sized to represent a stock's proportion of the portfolio. The color of the rectangles represented the stock's positive or negative contribution to the portfolio.</p>
                <p>Portfolios could be grouped into larger sections, which should be represented similarly to stocks. When a section is clicked, the interface should zoom into the clicked section to give greater detail.</p>
                <p>Hovering over a particular stock should give a pop-up with more detailed information about the stock.</p>
                <p>With this interface, a user should easily be able to navigate and discover the significant contributors and detractors from their portfolio.</p>
            </div>
            <div class="col-xs-9">
                <h3>Wireframe</h3>
                <img src="http://media.tylernwolf.com.s3.amazonaws.com/portfolio/heatmap_mockup1.png">
                <p class="img-description">Full portfolio</p>
                <img src="http://media.tylernwolf.com.s3.amazonaws.com/portfolio/heatmap_mockup3.png">
                <p class="img-description">Category Breakdown with mouseover</p>
            </div>
            <div class="col-xs-9">
                <h3>Final version</h3>
                <img src="http://media.tylernwolf.com.s3.amazonaws.com/portfolio/heatmap1.png">
                <p class="img-description">Full portfolio</p>
                <img src="http://media.tylernwolf.com.s3.amazonaws.com/portfolio/heatmap3.png">
                <p class="img-description">Category Breakdown with mouseover</p><commit_msg>added novus to portfolio<commit_after><div class="main-container portfolio-container">
    <div ng-if="hide">Please refresh and retry password</div>
    <div ng-if="show">
        <h1 class="page-title">Portfolio</h1>
        <div class="row port-section">
            <div class="col-xs-9" ng-click="toggleSection('heatmap')">
                <h2>Novus</h2><i class="glyphicon" ng-class="showClass('heatmap')"></i>
            </div>
        </div>
        <div class="row heatmap" ng-if="showing('heatmap')">
            <div class="col-xs-9">
                <h3>Description</h3>
                <p>Novus is a financial analytics platform for Institutional investors (hedge funds, fund-of-funds, etc.) The platform provides analytics and risk metrics across a user's entire investment portfolio down to the position level.</p>
                <p>I worked on Novus first as a front end/UI developer, then as a UX/UI designer. Working with such complex data sets as investment portfolios (trees of many different types of data) presents many difficult design challenges. Keeping the user aware of the current context and how they can control it is critical. It's also important for users to be able to consume the data easily. This led to many opportunities for data visualization.</p>
            </div>
            <div class="col-xs-9">
                <h3>Screenshots</h3>
                <img src="http://media.tylernwolf.com.s3.amazonaws.com/portfolio/novus_1.png">
                <p class="img-description">Novus</p>
                <img src="http://media.tylernwolf.com.s3.amazonaws.com/portfolio/novus_2.png">
                <p class="img-description">Data visualization</p>
            </div>
        </div>
        <div class="row port-section">
            <div class="col-xs-9" ng-click="toggleSection('heatmap')">
                <h2>Financial Heatmap</h2><i class="glyphicon" ng-class="showClass('heatmap')"></i>
            </div>
        </div>
        <div class="row heatmap" ng-if="showing('heatmap')">
            <div class="col-xs-9">
                <h3>Requirements</h3>
                <p>A UI for visualizing a financial portfolio. Rectangles are sized to represent a stock's proportion of the portfolio. The color of the rectangles represented the stock's positive or negative contribution to the portfolio.</p>
                <p>Portfolios could be grouped into larger sections, which should be represented similarly to stocks. When a section is clicked, the interface should zoom into the clicked section to give greater detail.</p>
                <p>Hovering over a particular stock should give a pop-up with more detailed information about the stock.</p>
                <p>With this interface, a user should easily be able to navigate and discover the significant contributors and detractors from their portfolio.</p>
            </div>
            <div class="col-xs-9">
                <h3>Wireframe</h3>
                <img src="http://media.tylernwolf.com.s3.amazonaws.com/portfolio/heatmap_mockup1.png">
                <p class="img-description">Full portfolio</p>
                <img src="http://media.tylernwolf.com.s3.amazonaws.com/portfolio/heatmap_mockup3.png">
                <p class="img-description">Category Breakdown with mouseover</p>
            </div>
            <div class="col-xs-9">
                <h3>Final version</h3>
                <img src="http://media.tylernwolf.com.s3.amazonaws.com/portfolio/heatmap1.png">
                <p class="img-description">Full portfolio</p>
                <img src="http://media.tylernwolf.com.s3.amazonaws.com/portfolio/heatmap3.png">
                <p class="img-description">Category Breakdown with mouseover</p>
{'fraction_non_alphanumeric': 0.12044534412955465, 'fraction_numerical': 0.009615384615384616, 'mean_word_length': 2.4652250146113386, 'pattern_counts': {'":': 0, '<': 123, '<?xml version=': 0, '>': 123, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6483685', 'n_tokens_mistral': 1704, 'n_tokens_neox': 1618, 'n_words': 471}