<commit_before><!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>

  <!-- Basic Page Needs
  ================================================== -->
  <meta charset="utf-8">
  <title>Sigma js</title>
  <meta name="description" content="">
  <meta name="author" content="">

  <!-- Mobile Specific Metas
  ================================================== -->
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

  <!-- CSS
  ================================================== -->
  <link href='http://fonts.googleapis.com/css?family=Lato:300,700' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="assets/css/font-awesome.css">

  <link rel="stylesheet" href="assets/css/base.css">
  <link rel="stylesheet" href="assets/css/skeleton.css">
  <link rel="stylesheet" href="assets/css/layout.css">
  <link rel="stylesheet" href="assets/css/highlights/default.css">


  <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->

  <!-- Favicons
  ================================================== -->
  <link rel="shortcut icon" href="assets/images/favicon.ico">
  <link rel="apple-touch-icon" href="assets/images/apple-touch-icon.png">
  <link rel="apple-touch-icon" sizes="72x72" href="assets/images/apple-touch-icon-72x72.png">
  <link rel="apple-touch-icon" sizes="114x114" href="assets/images/apple-touch-icon-114x114.png">

</head>
<body class="bg-beige">



  <!-- Primary Page Layout
  ================================================== -->
  <header>
    <div class="shadow-wrap"></div>
    <div class="shadow"></div>
    <div class="container wrapper">
      <div class="six columns menu-toggler">
        <a href="#banner"><h5 class="sigma title">sigma<span class="red">js</span></h5></a>
        <div class="menu-button right-aligned fa fa-bars fa-2"></div>
      </div>
      <div class="ten columns right-aligned menu">
        <div class="wrapper">
          <a href="#get-started" class="entry">get started</a>
          <a href="#features" class="entry">features</a>
          <a href="#difficulty" class="entry">difficulty</a>
        </div>
      </div>
    </div>
  </header>

  <div class="splash container big-bottom" id="banner">
    <div id="title" class="sixteen columns center-aligned big-bottom" style="position: relative">
      <div id="sigma-title"></div>
      <div class="title">
        <h1 class="sigma">sigma<span class="red">js</span></h1>
        <h5>v1.0.0</h5>
      </div>
      <div id="start">
        <a class="boo blank" id="link-to-tutorial" href="#"><i class="fa fa-globe left"></i>have a tutorial</a>
        <a class="boo" id="link-to-download" href="#">download<i class="fa fa-download"></i></a>
      </div>
    </div>
    <div class="line"></div>
  </div>



  <div class="container big-bottom" id="intro">
    <div class="sixteen columns big-bottom">
      <p>Sigma is a JavaScript library <strong>dedicated to graph drawing</strong>. It makes easy to publish networks on Web pages, and allows developers to integrate networks explorations in rich Web applications.</p>
    </div>
  </div>


  <div class="container big-bottom section" id="get-started">
    <div class="headline eight columns">
      <h3 class="green">Get started with sigma.</h3>
    </div>
    <div class="description eight columns">
      <p>The following example shows how simple it is to use sigma to display a JSON encoded graph file.</p>
    </div>
    <div class="one-third column">
      <h5>Data</h5>
      <div class="box">
<pre><code>{
  &quot;nodes&quot;: [
    {
      &quot;id&quot;: &quot;n0&quot;,
      &quot;label&quot;: &quot;A node&quot;,
      &quot;x&quot;: 0,
      &quot;y&quot;: 0,
      &quot;size&quot;: 3
    },
    {
      &quot;id&quot;: &quot;n1&quot;,
      &quot;label&quot;: &quot;Another node&quot;,
      &quot;x&quot;: 3,
      &quot;y&quot;: 1,
      &quot;size&quot;: 2
    },
    {
      &quot;id&quot;: &quot;n2&quot;,
      &quot;label&quot;: &quot;And a last one&quot;,
      &quot;x&quot;: 1,
      &quot;y&quot;: 3,
      &quot;size&quot;: 1
    }
  ],
  &quot;edges&quot;: [
    {
      &quot;id&quot;: &quot;e0&quot;,
      &quot;source&quot;: &quot;n0&quot;,
      &quot;target&quot;: &quot;n1&quot;
    },
    {
      &quot;id&quot;: &quot;e1&quot;,
      &quot;source&quot;: &quot;n1&quot;,
      &quot;target&quot;: &quot;n2&quot;
    },
    {
      &quot;id&quot;: &quot;e2&quot;,
      &quot;source&quot;: &quot;n2&quot;,
      &quot;target&quot;: &quot;n0&quot;
    }
  ]
}

</code></pre>
      </div>
    </div>
    <div class="one-third column">
      <h5>HTML</h5>
      <div class="box">
<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;style type=&quot;text/css&quot;&gt;
  #container {
    max-width: 400px;
    height: 400px;
    margin: auto;
  }
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id=&quot;container&quot;&gt;&lt;/div&gt;
&lt;script src=&quot;sigma.min.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;sigma.parsers.json.js&quot;&gt;&lt;/script&gt;
&lt;script&gt;
  sigma.parsers.json(&#039;data.json&#039;, {
    container: &#039;container&#039;,
    settings: {
      defaultNodeColor: &#039;#ec5148&#039;
    }
  });
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
      </div>
    </div>
    <div class="one-third column">
      <h5>Result</h5>
      <div class="box" id="sigma-first"></div>
    </div>
    <div class="line"></div>
  </div>



  <div class="container big-bottom section" id="features">
    <div class="eight columns">
      <h3 class="headline green">Features.</h3>
    </div>
    <div class="description eight columns">
      <h4 class="green">From beginners to advanced users.</h4>
      <p><span class="sigma">sigma<span class="red">js</span></span> aims to help you display networks on the Web, from simple interactive publications of networks to rich Web applications featuring dynamic networks exploration.</p>
    </div>

    <div class="one-third column">
      <h5 class="underline"><i class="fa fa-pencil green"></i> Customize the rendering</h5>
      <p><span class="sigma">sigma<span class="red">js</span></span> provides a lot of different settings to make it easy to customize how to draw and interact with networks. And you can also directly add your own function to your scripts to render nodes and edges <strong>the exact way you want</strong>.</p>
    </div>
    <div class="one-third column">
      <h5 class="underline"><i class="fa fa-thumbs-o-up green"></i> Use and contribute</h5>
      <p>The source code is tested, commented and documented in the wiki. Also, sigmajs is released under the MIT Licence and published on Github, and contributions are welcome.</p>
    </div>
    <div class="one-third column">
      <h5 class="underline"><i class="fa fa-puzzle-piece green"></i> Resources</h5>
      <p>The documentation, examples and plugins provided in the core repository bring a lot of different resources to find out how to implement the interactions you want for your applications.</p>
    </div>

    <div class="line"></div>
  </div>

<commit_msg>minor content update<commit_after><!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>

  <!-- Basic Page Needs
  ================================================== -->
  <meta charset="utf-8">
  <title>Sigma js</title>
  <meta name="description" content="">
  <meta name="author" content="">

  <!-- Mobile Specific Metas
  ================================================== -->
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

  <!-- CSS
  ================================================== -->
  <link href='http://fonts.googleapis.com/css?family=Lato:300,700' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="assets/css/font-awesome.css">

  <link rel="stylesheet" href="assets/css/base.css">
  <link rel="stylesheet" href="assets/css/skeleton.css">
  <link rel="stylesheet" href="assets/css/layout.css">
  <link rel="stylesheet" href="assets/css/highlights/default.css">


  <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->

  <!-- Favicons
  ================================================== -->
  <link rel="shortcut icon" href="assets/images/favicon.ico">
  <link rel="apple-touch-icon" href="assets/images/apple-touch-icon.png">
  <link rel="apple-touch-icon" sizes="72x72" href="assets/images/apple-touch-icon-72x72.png">
  <link rel="apple-touch-icon" sizes="114x114" href="assets/images/apple-touch-icon-114x114.png">

</head>
<body class="bg-beige">



  <!-- Primary Page Layout
  ================================================== -->
  <header>
    <div class="shadow-wrap"></div>
    <div class="shadow"></div>
    <div class="container wrapper">
      <div class="six columns menu-toggler">
        <a href="#banner"><h5 class="sigma title">sigma<span class="red">js</span></h5></a>
        <div class="menu-button right-aligned fa fa-bars fa-2"></div>
      </div>
      <div class="ten columns right-aligned menu">
        <div class="wrapper">
          <a href="#get-started" class="entry">get started</a>
          <a href="#features" class="entry">features</a>
          <a href="#difficulty" class="entry">difficulty</a>
        </div>
      </div>
    </div>
  </header>

  <div class="splash container big-bottom" id="banner">
    <div id="title" class="sixteen columns center-aligned big-bottom" style="position: relative">
      <div id="sigma-title"></div>
      <div class="title">
        <h1 class="sigma">sigma<span class="red">js</span></h1>
        <h5>v1.0.0</h5>
      </div>
      <div id="start">
        <a class="boo blank" id="link-to-tutorial" href="#"><i class="fa fa-globe left"></i>have a tutorial</a>
        <a class="boo" id="link-to-download" href="#">download<i class="fa fa-download"></i></a>
      </div>
    </div>
    <div class="line"></div>
  </div>



  <div class="container big-bottom" id="intro">
    <div class="sixteen columns big-bottom">
      <p>Sigma is a JavaScript library <strong>dedicated to graph drawing</strong>. It makes easy to publish networks on Web pages, and allows developers to integrate networks explorations in rich Web applications.</p>
    </div>
  </div>


  <div class="container big-bottom section" id="get-started">
    <div class="headline eight columns">
      <h3 class="green">Get started with sigma.</h3>
    </div>
    <div class="description eight columns">
      <p>The following example shows how simple it is to use sigma to display a JSON encoded graph file.</p>
    </div>
    <div class="one-third column">
      <h5>Data</h5>
      <div class="box">
<pre><code>{
  &quot;nodes&quot;: [
    {
      &quot;id&quot;: &quot;n0&quot;,
      &quot;label&quot;: &quot;A node&quot;,
      &quot;x&quot;: 0,
      &quot;y&quot;: 0,
      &quot;size&quot;: 3
    },
    {
      &quot;id&quot;: &quot;n1&quot;,
      &quot;label&quot;: &quot;Another node&quot;,
      &quot;x&quot;: 3,
      &quot;y&quot;: 1,
      &quot;size&quot;: 2
    },
    {
      &quot;id&quot;: &quot;n2&quot;,
      &quot;label&quot;: &quot;And a last one&quot;,
      &quot;x&quot;: 1,
      &quot;y&quot;: 3,
      &quot;size&quot;: 1
    }
  ],
  &quot;edges&quot;: [
    {
      &quot;id&quot;: &quot;e0&quot;,
      &quot;source&quot;: &quot;n0&quot;,
      &quot;target&quot;: &quot;n1&quot;
    },
    {
      &quot;id&quot;: &quot;e1&quot;,
      &quot;source&quot;: &quot;n1&quot;,
      &quot;target&quot;: &quot;n2&quot;
    },
    {
      &quot;id&quot;: &quot;e2&quot;,
      &quot;source&quot;: &quot;n2&quot;,
      &quot;target&quot;: &quot;n0&quot;
    }
  ]
}

</code></pre>
      </div>
    </div>
    <div class="one-third column">
      <h5>HTML</h5>
      <div class="box">
<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;style type=&quot;text/css&quot;&gt;
  #container {
    max-width: 400px;
    height: 400px;
    margin: auto;
  }
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id=&quot;container&quot;&gt;&lt;/div&gt;
&lt;script src=&quot;sigma.min.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;sigma.parsers.json.js&quot;&gt;&lt;/script&gt;
&lt;script&gt;
  sigma.parsers.json(&#039;data.json&#039;, {
    container: &#039;container&#039;,
    settings: {
      defaultNodeColor: &#039;#ec5148&#039;
    }
  });
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
      </div>
    </div>
    <div class="one-third column">
      <h5>Result</h5>
      <div class="box" id="sigma-first"></div>
    </div>
    <div class="line"></div>
  </div>



  <div class="container big-bottom section" id="features">
    <div class="eight columns">
      <h3 class="headline green">Features.</h3>
    </div>
    <div class="description eight columns">
      <h4 class="green">From beginners to advanced users.</h4>
      <p><span class="sigma">sigma<span class="red">js</span></span> provides a lot of built-in features, such as Canvas and WebGL renderers or mouse and touch support, to make networks manipulation on Web pages smooth and fast for the user..</p>
    </div>

    <div class="one-third column">
      <h5 class="underline"><i class="fa fa-pencil green"></i> Customize the rendering</h5>
      <p><span class="sigma">sigma<span class="red">js</span></span> provides a lot of different settings to make it easy to customize how to draw and interact with networks. And you can also directly add your own function to your scripts to render nodes and edges <strong>the exact way you want</strong>.</p>
    </div>
    <div class="one-third column">
      <h5 class="underline"><i class="fa fa-thumbs-o-up green"></i> Use and contribute</h5>
      <p>The source code is tested, commented and documented in the wiki. Also, sigmajs is released under the MIT Licence and published on Github, and contributions are welcome.</p>
    </div>
    <div class="one-third column">
      <h5 class="underline"><i class="fa fa-puzzle-piece green"></i> Resources</h5>
      <p>The documentation, examples and plugins provided in the core repository bring a lot of different resources to find out how to implement the interactions you want for your applications.</p>
    </div>

    <div class="line"></div>
  </div>


{'fraction_non_alphanumeric': 0.22371563075663506, 'fraction_numerical': 0.01582861431397967, 'mean_word_length': 3.5834896810506565, 'pattern_counts': {'":': 0, '<': 385, '<?xml version=': 0, '>': 383, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6661170', 'n_tokens_mistral': 5157, 'n_tokens_neox': 4892, 'n_words': 1153}