HowToGuide/index.html at master · fitzk/HowToGuide · 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
<!DOCTYPE html>
<html>
  <head>
    <meta name="generator"
    content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" />
    <title>Home</title>
    <link rel="stylesheet" href="CodeMirror/lib/codemirror.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.17/require.min.js"></script>
    <script src="script.js"></script>
    <link rel="stylesheet" type="text/css" href="allStyle.css" />
    <link rel="stylesheet" type="text/css" href="https://codemirror.net/theme/solarized.css" />
  </head>
  <body>
    <aside>
      <ul>
        <li>
          <a href="index.html">Home</a>
        </li>
        <li>
          <a href="start.html">Getting Started</a>
        </li>
        <li>
          <a href="svg.html">SVG</a>
        </li>
        <li>
          <a href="dataBinding.html">Data Binding</a>
        </li>
        <li>
          <a href="lineGraph.html">Line Graph</a>
        </li>
      </ul>
    </aside>
    <section>
      <header>D3</header>
      <p>D3(data driven documents), is a JavaScript library that can be used with HTML and SVG to create data driven, dynamic
      graphics on webpages. It is a very powerful set of tools, and the library incooporates a diverse set of modules. The point of
      D3, is to create data visualizations, and the D3 library has tools to create almost any graphic you could think of. Many
      amazing examples are accessable and a lot of users prefer to just plug their own data into something that has already been
      created by someone else. When learning D3, there are several conceptual roadblocks the novice user may encounter, depending
      on their level of experience with JavaScript and the browser. This How-To-Guide is meant to help someone with little
      knowledge of JavaScript programming practices and SVG understand how the basics of how D3 works. There will also be an
      example of importing outside data into some of the examples other users have created using D3.</p>
      <p>Before diving into this tutorial, it would be a good idea to look over examples and the <a href="https://github.com/mbostock/d3/wiki/API-Reference">APIT</a>. It
      would also be a good idea to get farmiliar with <a href="http://www.w3.org/Graphics/SVG/">SVG</a>.</p>
    </section>
  </body>
</html>