<commit_before># D3 Financial Components (D3FC) [![Build Status](https://travis-ci.org/ScottLogic/d3-financial-components.svg?branch=master)](https://travis-ci.org/ScottLogic/d3-financial-components)

A collection of components that make it easy to build interactive financial charts with  [D3](http://d3js.org).

## Installation

D3FC and its dependencies (D3, [css-layout](https://github.com/facebook/css-layout)) are available via npm. Simply install as follows:

    npm install d3-financial-components

Once installed, you can reference the D3FC JavaScript, CSS and dependencies within an HTML page as follows:

    <script src="node_modules/d3-financial-components/node_modules/d3/d3.js"></script>
    <script src="node_modules/d3-financial-components/node_modules/css-layout/src/Layout.js"></script>
    <script src="node_modules/d3-financial-components/dist/d3-financial-components.js"></script>
    
    <link href="node_modules/d3-financial-components/dist/d3-financial-components.css" rel="stylesheet"/>

If you want a quick verification that everything has installed correctly, the following code will render a simple time series chart:

    <div id="chart"></div>
    <script type="text/javascript">
    var data = fc.dataGenerator()(50);

    var chart = fc.charts.linearTimeSeries()
        .xDomain(fc.utilities.extent(data, 'date'))<commit_msg>Reflect rename in build status and npm module<commit_after># D3 Financial Components (D3FC) [![Build Status](https://travis-ci.org/ScottLogic/d3fc.svg?branch=master)](https://travis-ci.org/ScottLogic/d3fc)

A collection of components that make it easy to build interactive financial charts with  [D3](http://d3js.org).

## Installation

D3FC and its dependencies (D3, [css-layout](https://github.com/facebook/css-layout)) are available via npm. Simply install as follows:

    npm install d3fc

Once installed, you can reference the D3FC JavaScript, CSS and dependencies within an HTML page as follows:

    <script src="node_modules/d3-financial-components/node_modules/d3/d3.js"></script>
    <script src="node_modules/d3-financial-components/node_modules/css-layout/src/Layout.js"></script>
    <script src="node_modules/d3-financial-components/dist/d3-financial-components.js"></script>
    
    <link href="node_modules/d3-financial-components/dist/d3-financial-components.css" rel="stylesheet"/>

If you want a quick verification that everything has installed correctly, the following code will render a simple time series chart:

    <div id="chart"></div>
    <script type="text/javascript">
    var data = fc.dataGenerator()(50);

    var chart = fc.charts.linearTimeSeries()
        .xDomain(fc.utilities.extent(data, 'date'))
{'fraction_non_alphanumeric': 0.12532443455691508, 'fraction_numerical': 0.014831294030404153, 'mean_word_length': 4.716101694915254, 'pattern_counts': {'":': 0, '<': 23, '<?xml version=': 0, '>': 23, 'https://': 6, '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': '4239732', 'n_tokens_mistral': 833, 'n_tokens_neox': 812, 'n_words': 204}