Graphs


Axes

A graph is defined by an xAxis and yAxis object. Each of these has the following attributes:

Here’s an example in which the horizontal axis ranges from 0 to 20 with 10 ticks, and vertical axis ranges from -100 to 100 with just 5 ticks :

layout: OneGraph: graph: xAxis: max: 20 yAxis: min: -100 max: 100 ticks: 5

And here’s an example of the same graph, only the y-axis is told to intercept the x-axis at x = 10

layout: OneGraph: graph: xAxis: max: 20 yAxis: min: -100 max: 100 ticks: 5 intercept: 10

Axis Titles

Axis titles generally work best with “standard” layout, since the horizontal axis label is at the bottom of the graph and the vertical axis label is on the left-hand side:

Axis titles are text, but may contain LaTeX using a dollar-sign delimiter:

layout: OneGraph: graph: xAxis: title: Time $(s)$ yAxis: title: Distance $(m)$

We’re working on developing multiple scales for opposite axes, but as of now there isn’t support for that functionality.

Three-Dimensional Graphs

Three-dimensional graphs are handled by a completely different set of code, called Mathbox; you can see its development here. Mathboxes have their own [layouts]:

KGJS
KineticGraphs.org
Getting Started

About the Project

Authoring Sandbox

Graphs & Layouts

Layouts

Sidebars

Graphs

Trees

3D Graphs

Graph Objects

Styling Graph Objects

Points

Lines

Curves

Contours

Shapes and Areas

Segments and Arrows

Angles and Angle Markers

User Interactions

Parameters

Calculations

Dragging

Economics

Econ Schema

Supply and Demand

Consumer Optimization

Exchange