<commit_before># Clique
Graph editor library/application

**Clique** is a library for processing social network graphs, using *adapters*
to load in graph data from any source, a client application (such as the example
application included in this repository) to explore, manipulate, and annotate
the graph, and the adapters' ability to perform *writebacks* to save the updated
graph for later use.

This document contains some information about Clique's API and the example
application that comes with Clique.

## Example Application

To build the example application, be sure NPM is installed on your system, along
with Gulp (``npm install -g gulp``).  Then, install the Node dependencies (``npm
install``), and finally run Gulp to build Clique and the example application
(``gulp``).

To run the application, use the Gulp serve task (``gulp serve``).  The
application will be served at http://localhost:3000?mode=demo by default.

### Interacting with the Application

The example application runs with a random graph dataset consisting of nodes
labeled with the letters of the English alphabet, with randomly chosen links
between them.  To see a subset of the full graph, type a lower-case letter into
the "Name" field, and a radius into the "Radius" field.  For instance, try ``s``
and ``2``.

You will now see the neighborhood of the chosen radius about the selected node,
which will be colored yellow.  To examine the nodes in this graph, you can click
on them to see some information about them.  You can also select several nodes
at once by clicking and dragging the left mouse button on the background.
Holding shift during this operation will add the newly selected nodes to the
selection, while clicking once on the background will clear the entire
selection.

You can also pan and zoom around the graph.  Middle clicking on the background
and then dragging will let you pan, while right clicking and dragging up or down
will let you zoom.

## Clique API

Clique has two major components:  a ``Graph`` class to explore and annotate a<commit_msg>Updated documentation to reflect mouse interaction changes<commit_after># Clique
Graph editor library/application

**Clique** is a library for processing social network graphs, using *adapters*
to load in graph data from any source, a client application (such as the example
application included in this repository) to explore, manipulate, and annotate
the graph, and the adapters' ability to perform *writebacks* to save the updated
graph for later use.

This document contains some information about Clique's API and the example
application that comes with Clique.

## Example Application

To build the example application, be sure NPM is installed on your system, along
with Gulp (``npm install -g gulp``).  Then, install the Node dependencies (``npm
install``), and finally run Gulp to build Clique and the example application
(``gulp``).

To run the application, use the Gulp serve task (``gulp serve``).  The
application will be served at http://localhost:3000?mode=demo by default.

### Interacting with the Application

The example application runs with a random graph dataset consisting of nodes
labeled with the letters of the English alphabet, with randomly chosen links
between them.  To see a subset of the full graph, type a lower-case letter into
the "Name" field, and a radius into the "Radius" field.  For instance, try ``s``
and ``2``.

You will now see the neighborhood of the chosen radius about the selected node,
which will be colored yellow.  To examine the nodes in this graph, you can click
on them to see some information about them.  You can also select several nodes
at once by clicking and dragging the left mouse button on the background.
Holding shift during this operation will add the newly selected nodes to the
selection, while clicking once on the background will clear the entire
selection.

You can also pan and zoom around the graph.  Right clicking on the background
and then dragging will let you pan, while rolling the mouse wheel up and down
will let you zoom.

## Clique API

Clique has two major components:  a ``Graph`` class to explore and annotate a
{'fraction_non_alphanumeric': 0.05104743558873104, 'fraction_numerical': 0.0024078979051288226, 'mean_word_length': 4.651700680272109, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1478827', 'n_tokens_mistral': 1012, 'n_tokens_neox': 978, 'n_words': 651}