multigraph.github.com/index.html at master · multigraph/multigraph.github.com · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
---
title: Interactive Data Graphs for the Web
about: selected
layout: master
---

      <div class="jumbotron">
        <h1><i class="fa fa-bar-chart-o"></i> Multigraph</h1>
          <p class="lead">Graphs for the Web.</p>
          <p>Multigraph is a JavaScript framework for creating 2-dimensional data graphs for the web. It can
read data in a variety of formats and is highly customizable.
It uses the HTML5 Canvas element for very fast rendering, and is compatible with
all modern web browsers and mobile devices.
</p>
      </div>

        <div class="multigraph" data-src="/examples/graphs/temp_forecast_frontpage.xml" data-width="100%" data-height="250"></div>

        <div class="row">
          <div class="col-xs-6 col-md-4 panning">
            <h1><i class="fa fa-arrows fa-3x"></i></h1>
            <h2>Panning</h2>
            <p>Just click and drag with your mouse (or finger) to drag the graph up and down!</p>
          </div>
            <div class="col-xs-6 col-md-4 zooming">
              <h1><i class="fa fa-search-plus fa-3x"></i></h1>
              <h2>Zooming</h2>
              <p>Scroll in or scroll out using your mouse! Have hands? Just pinch to zoom!</p>
          </div>
          <div class="col-xs-6 col-md-4 integrating">
            <h1><i class="fa fa-code fa-3x"></i></h1>
            <h2>Easily integrated</h2>
            <p>Just a few lines of code! Learn how to make your own graphs <a href="/docs/quickstart">here</a>!</p>
          </div>
        </div><br />

        <!--<p class="get-started">To get started with Multigraph, head over to the <a href="/docs/quickstart">Quickstart</a> page!</p><br />-->

        <div class="list-group">
          <a href="/docs" class="list-group-item">
            <h4 class="list-group-item-heading"><i class="fa fa-pencil-square-o"></i> How to create a Multigraph</h4>
            <p class="list-group-item-text">Check out the documentation to learn how to create your own Multigraphs.</p>
          </a>
          <a href="https://github.com/multigraph/js-multigraph" class="list-group-item">
            <h4 class="list-group-item-heading"><i class="fa fa-code"></i> Source Code</h4>
            <p class="list-group-item-text">Multigraph is open-source; access the source code here.</p>
          </a>
          <a href="/credits" class="list-group-item">
            <h4 class="list-group-item-heading"><i class="fa fa-users"></i> Who made Multigraph?</h4>
            <p class="list-group-item-text">Developers at UNC Asheville's NEMAC created Multigraph in order to display scientific data in an easy-to-use way on the web.</p>
          </a>
        </div>

        <div class="list-group">
          <a href="/examples" class="list-group-item">
            <h4 class="list-group-item-heading"><i class="fa fa-laptop"></i> See example graphs</h4>
            <p class="list-group-item-text">Want to see Multigraph in action? View example graphs ranging from simple to complex; giving you an idea of all the types of graphs you can make!</p>
          </a>
          <a href="//github.com/multigraph/js-multigraph/issues" class="list-group-item">
            <h4 class="list-group-item-heading"><i class="fa fa-bug"></i> Report a bug</h4>
            <p class="list-group-item-text">Found a bug? Need to ask a question? Use the GitHub issue tracker.</p>
          </a>
        </div>