Interactive Data Visualization in jQuery, Javascript, and HTML5.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
js
LICENSE
README.md
test.html

README.md

JSData

Web Interactive Data Visualization using jQuery, Javascript, and HTML5.

#Global Rules

  • All Data objects must be initialized through their respective jQuery functions AFTER the document is ready (within the document.ready function like in the test.html file)
  • All data-point's colors are determined by the "color" attribute in their CSS style

#Classes ##Data-Pie Initialization:

$("#myPieDiv").pie();

####Data Value Attribute Structure: data-val="x" #####Example:

<span class="data-point" data-val="5"></span>
<span class="data-point" data-val="2.7"></span>

####Data Attributes:

NamePurposeInput OptionsDefault
data-pie-show-textShow Text on hovertrue or falsetrue
data-pie-hover-stickyKeep the segment hovered even after exittrue or falsefalse

###HTML Example:

##Data-ScatterGraph Initialization: javascript $("#myScatterGraph").scattergraph();

####Data Value Attribute Structure: data-val="x,y" #####Example:

###Data Attributes:

None

###HTML Example:

#Functions

##bindDataPoint(element)

####Purpose: Binds the object's data-val attribute to the element's value ####Example: $("#testPoint").bindDataPoint($("#bindBox"));

##bindDataPoint(eventData,element)

####Purpose: Binds the object's data-val attribute to the element's value that updates on eventData ####Example: $("#secondTest").bindDataPoint("keyup",$("#bindBox2"));