chiasm-project / chiasm-charts

Reusable data visualization components.
MIT License
2 stars 0 forks source link

Cut first release and post example to bl.ocks.org #15

Closed curran closed 8 years ago

curran commented 8 years ago
curran commented 8 years ago

This first release will follow the practice of shimming D3 and other modules out of the bundle.

curran commented 8 years ago

Made partial progress on working browser build version:

    <!-- Load shared dependencies. -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.1/lodash.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
    <script src="http://curran.github.io/model/cdn/model-v0.2.4.js"></script>

    <!-- Load the Chiasm stack. -->
    <script src="http://chiasm-project.github.io/chiasm/chiasm-v0.3.0.js"></script>
    <script src="http://chiasm-project.github.io/chiasm-component/chiasm-component-v0.2.3.js"></script>
    <script src="http://chiasm-project.github.io/chiasm-layout/chiasm-layout-v0.2.1.js"></script>
    <script src="http://chiasm-project.github.io/chiasm-dataset-loader/chiasm-dataset-loader-v0.3.1.js"></script>
    <script src="http://chiasm-project.github.io/chiasm-data-reduction/chiasm-data-reduction-v0.3.0.js"></script>
    <script src="http://chiasm-project.github.io/chiasm-links/chiasm-links-v0.2.1.js"></script>
    <script src="http://chiasm-project.github.io/chiasm-charts/chiasm-charts-v0.1.0.js"></script>

...
      // Register core Chiasm components.
      chiasm.plugins.layout        = ChiasmLayout;
      chiasm.plugins.links         = ChiasmLinks;
      chiasm.plugins.datasetLoader = ChiasmDatasetLoader;
      chiasm.plugins.dataReduction = ChiasmDataReduction;

      // Register chart types from chiasm-charts.
      chiasm.plugins.scatterPlot = ChiasmCharts.components.scatterPlot;
      chiasm.plugins.lineChart   = ChiasmCharts.components.lineChart;
      chiasm.plugins.barChart    = ChiasmCharts.components.barChart;
      chiasm.plugins.heatMap     = ChiasmCharts.components.heatMap;
      chiasm.plugins.boxPlot     = ChiasmCharts.components.boxPlot;

This would have much fewer script tags if Chiasm had a default build with all these modules in it https://github.com/chiasm-project/chiasm/issues/57 .

curran commented 8 years ago

This is the example http://bl.ocks.org/curran/46050d18d5ec1ab401fa