- Make sure you have NodeJS installed on your computer. In order to do that, you need to run
node -vcommand in command prompt. If you have NodeJS installed on your computer, you will see information about your current version. Install NodeJS from http://nodejs.org if you don't have it. - Run
start.sh(orstart.batif you are on windows) - Open URL http://localhost:8080
Stacked Area Chart implementation (js/cs519/stackedAreaChart.js) contains following list of chart property setters:
- margin( a )
a = {top: 20, right: 20, bottom: 30, left: 50} - width( a )
a = 1000(numeric value for chart width) - height( a )
a = 600(numeric value for chart height) - xFormat( a )
a = d3.format()(d3 format object for X axis tick labels) - yFormat( a )
a = d3.format()(d3 format object for Y axis tick labels) - xParseFormat( a )
a = d3.time.format("%Y%m%d")(d3 format object for parsing data values extracted from datafile ) - xLabel( a )
a = 'Date'(string value for X axis label) - yLabel( a )
a = 'Ratio'(string value for Y axis label) - xScale( a )
a = d3.scale.linear()(d3 scale object representing scale of X axis) - yScale( a )
a = d3.scale.log()(d3 scale object representing scale of Y axis) - xColumnName( a )
a = 'Date'(string value of column name of dataset containing data for X axis) - yColumnName( a )
a = 'Ratio'(string value of column name of dataset containing data for Y axis) - xColumnOrdering( a )
a = 'ascending'(string value for datasetordering. allowed values: 'ascending', 'descending') - dataFile( a )
a = 'data/data.csv'(string value of relative path to the datafile. supported formats: csv, json, tsv, xml) - chartId( a )
a = 'visualization'(string value of id for DOM element to use to append svg) - parentDOMElement( a )
a = 'body>div.chart'(string value for css selector)
Multi-series Line Chart implementation (js/cs519/multiSeriesLineChart.js) contains following list of chart property setters:
- margin( a )
a = {top: 20, right: 20, bottom: 30, left: 50} - width( a )
a = 1000(numeric value for chart width) - height( a )
a = 600(numeric value for chart height) - xFormat( a )
a = d3.format()(d3 format object for X axis tick labels) - yFormat( a )
a = d3.format()(d3 format object for Y axis tick labels) - xParseFormat( a )
a = d3.time.format("%Y%m%d")(d3 format object for parsing data values extracted from datafile ) - xLabel( a )
a = 'Date'(string value for X axis label) - yLabel( a )
a = 'Ratio'(string value for Y axis label) - xScale( a )
a = d3.scale.linear()(d3 scale object representing scale of X axis) - yScale( a )
a = d3.scale.log()(d3 scale object representing scale of Y axis) - xColumnName( a )
a = 'Date'(string value of column name of dataset containing data for X axis) - yColumnName( a )
a = 'Ratio'(string value of column name of dataset containing data for Y axis) - xColumnOrdering( a )
a = 'ascending'(string value for datasetordering. allowed values: 'ascending', 'descending') - dataFile( a )
a = 'data/data.csv'(string value of relative path to the datafile. supported formats: csv, json, tsv, xml) - chartId( a )
a = 'visualization'(string value of id for DOM element to use to append svg) - parentDOMElement( a )
a = 'body>div.chart'(string value for css selector)
Forced Directed Graph implementation (js/cs519/forcedDirectedGraph.js) contains following list of chart property setters:
- margin( a )
a = {top: 20, right: 20, bottom: 30, left: 50} - width( a )
a = 1000(numeric value for chart width) - height( a )
a = 600(numeric value for chart height) - dataFile( a )
a = 'data/data.csv'(string value of relative path to the datafile. supported formats: csv, json, tsv, xml) - chartId( a )
a = 'visualization'(string value of id for DOM element to use to append svg) - charge( a )
a = -120(numeric value for the charge of nodes in forced directed graph) - linkDistance( a )
a = 60(numeric value for distance between parent and child nodes) - circleRadius( a )
a = 20(numeric value for radius of nodes) - parentDOMElement( a )
a = 'body>div.chart'(string value for css selector)