Skip to content

Commit

Permalink
added revised tutorial by TottMat on twitter streaming plugin
Browse files Browse the repository at this point in the history
  • Loading branch information
johndoe12312 committed Mar 3, 2018
1 parent 77d1369 commit 452458e
Show file tree
Hide file tree
Showing 31 changed files with 311 additions and 114 deletions.
6 changes: 3 additions & 3 deletions docs/generated-html/history-en.html
Expand Up @@ -541,7 +541,7 @@ <h1>History of Gephi</h1>
<li><a href="#_3_a_series_of_metrics_on_gephi_s_popularity_over_time">3. A series of metrics on Gephi&#8217;s popularity over time</a>
<ul class="sectlevel3">
<li><a href="#_a_cumulative_downloads">a. Cumulative downloads</a></li>
<li><a href="#_b_general_interest_for_gephi_and_related_software_over_2004_2016">b. General interest for Gephi and related software over 2004 - 2016</a></li>
<li><a href="#_b_general_interest_for_gephi_and_related_software_in_the_past_5_years">b. General interest for Gephi and related software in the past 5 years</a></li>
<li><a href="#_c_academic_citations_for_gephi_counting_only_citations_to_a_href_http_www_aaai_org_ocs_index_php_icwsm_09_paper_download_154_1009_bastian_et_al_2009_a">c. Academic citations for Gephi (counting only citations to <a href="http://www.aaai.org/ocs/index.php/ICWSM/09/paper/download/154/1009">Bastian et al., 2009</a>)</a></li>
</ul>
</li>
Expand Down Expand Up @@ -677,7 +677,7 @@ <h4 id="_a_cumulative_downloads">a. Cumulative downloads</h4>
</div>
</div>
<div class="sect3">
<h4 id="_b_general_interest_for_gephi_and_related_software_over_2004_2016">b. General interest for Gephi and related software over 2004 - 2016</h4>
<h4 id="_b_general_interest_for_gephi_and_related_software_in_the_past_5_years">b. General interest for Gephi and related software in the past 5 years</h4>
<script type="text/javascript" src="https://ssl.gstatic.com/trends_nrtr/1308_RC02/embed_loader.js"></script>
<script type="text/javascript">
trends.embed.renderExploreWidget("TIMESERIES", {"comparisonItem":[{"keyword":"gephi","geo":"","time":"today 5-y"},{"keyword":"vosviewer","geo":"","time":"today 5-y"},{"keyword":"nodexl","geo":"","time":"today 5-y"},{"keyword":"cytoscape","geo":"","time":"today 5-y"},{"keyword":"ucinet","geo":"","time":"today 5-y"}],"category":0,"property":""}, {"exploreQuery":"date=today%205-y&q=gephi,vosviewer,nodexl,cytoscape,ucinet","guestPath":"https://trends.google.com:443/trends/embed/"});
Expand Down Expand Up @@ -729,7 +729,7 @@ <h2 id="_the_end">the end</h2>
<div id="footer">
<div id="footer-text">
Version 1.0<br>
Last updated 2018-02-11 16:56:30 CET
Last updated 2018-02-11 17:17:34 CET
</div>
</div>
</body>
Expand Down
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified docs/generated-html/images/google-scholar-gephi.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@@ -0,0 +1 @@
{"url": "https://docs.google.com/open?id=13mTifgFRpEH0vpXUF2USdy6kTTtPuEq9FgWWXYEPIck", "doc_id": "13mTifgFRpEH0vpXUF2USdy6kTTtPuEq9FgWWXYEPIck", "email": "clementlevallois@gmail.com"}
6 changes: 1 addition & 5 deletions docs/generated-html/subdir/history-en_temp_common.md
Expand Up @@ -84,11 +84,9 @@ https://www.linkedin.com/in/eduardo-ramos-ib%C3%A1%C3%B1ez-b6231522/[Eduardo Ram
//ST: !
pass:[<iframe width="600" height="600" align="center" frameborder="0" scrolling="no" src="https://docs.google.com/spreadsheets/d/13mTifgFRpEH0vpXUF2USdy6kTTtPuEq9FgWWXYEPIck/pubchart?oid=657051972&amp;format=interactive"></iframe>]

image::Gephi--cumulative-downloads.png[align="center", title="Gephi, cumulative downloads"]
{nbsp} +

//ST: !
==== b. General interest for Gephi and related software over 2004 - 2016
==== b. General interest for Gephi and related software in the past 5 years

//ST: !
//pass:[<iframe scrolling="no" style="border:none;" width="640" height="600" src="https://www.google.com/trends/fetchComponent?hl=en-US&amp;q=gephi,vosviewer,nodexl,cytoscape,ucinet%20&amp;content=1&amp;cid=TIMESERIES_GRAPH_0&amp;export=5&amp;w=640&amp;h=600"></iframe>]
Expand All @@ -100,8 +98,6 @@ image::Gephi--cumulative-downloads.png[align="center", title="Gephi, cumulative
</script>
++++

image::google-trends-gephi.png[align="center", title=""]
{nbsp} +

//ST: !
==== c. Academic citations for Gephi (counting only citations to http://www.aaai.org/ocs/index.php/ICWSM/09/paper/download/154/1009[Bastian et al., 2009])
Expand Down
59 changes: 44 additions & 15 deletions docs/generated-html/subdir/history-en_temp_html.md
Expand Up @@ -14,46 +14,58 @@ image:gephi-logo-2010-transparent.png[width="450" align="center"]

//ST: 'Escape' or 'o' to see all sides, F11 for full screen, 's' for speaker notes

== 2006 and Web Atlas

//ST: History of Gephi
== 1. The birth of Gephi
//ST: 1. The birth of Gephi

//ST: !
The origin of Gephi lays in http://webatlas.fr/wp/[Web Atlas], a project started in 2006 involving https://www.linkedin.com/in/mathieu-jacomy-a38a552a/[Mathieu Jacomy], who was interested in the exploration of web-based graphs.

This was about the same time http://www.cond.org/[Eytan Adar] was developing his https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&ved=0ahUKEwjljNmDtbrRAhXL6xQKHWDdDRMQFggcMAA&url=http%3A%2F%2Fgraphexploration.cond.org%2Fchi2006%2Fguess-chi2006.pdf&usg=AFQjCNETmuZqHoaZyJSYpSuTGQ87PNSCLA&sig2=ns0z9wqVRIo5riVtHv1QfQ[GUESS software]

//ST: !
image::matthieu-jacomy.jpg[align="center", title="Mathieu Jacomy", id=package_overview]
{nbsp} +

//ST: !

In 2007/2008, this project morphed into Gephi, developed by a team of students at Université Technologique de Compiègne (https://www.utc.fr/en.html[UTC]).

https://www.linkedin.com/in/mathieubastian/[Mathieu Bastian] became the software architect.

//ST: !
image::initial-team.png[width=450, align="center", title="The initial Gephi team"]
{nbsp} +

== A series of metrics on Gephi's popularity over time
== 2. The evolution of Gephi
//ST: 2. The evolution of Gephi

//ST: !

Gephi has evolved in several major milestones:

- version 0.6 (2009): the initial public release. Contains already the filter system.
- version 0.7 (2010): Major overhaul of the graphics interface. Started using OpenGL framework for graphics acceleration. A system of plugin is created.
//ST: !
==== a. version 0.6 (2009)

//ST: !
- the initial public release. Contains already the filter system.

- version 0.8 (2011): Introduced dynamic graphs.
==== b. version 0.7 (2010)

2011 to 2016: Many plugins were created for Gephi, and the software started becoming much popular.
//ST: !
- Major overhaul of the graphics interface.
- Started using OpenGL framework for graphics acceleration.
- A system of plugin is created.

Mac computer users had issues installing Gephi on their computers because of a Java compatibility issue.
//ST: !
==== c. version 0.8 (2011)

//ST: !
- Introduced dynamic graphs.
- Many plugins were created for Gephi, and the software started becoming much popular.
- Mac computer users had issues installing Gephi on their computers because of a Java compatibility issue.

version 0.9 (December 2015):
//ST: !
==== d. version 0.9 (December 2015):

//ST: !
- A graph engine optimized for memory is introduced: Gephi can handle much larger graphs.
- The codebase for the project is "mavenized", making the code more modular and easier to maintain.
- Compatibility issues with Mac OS are solved.
Expand All @@ -63,13 +75,20 @@ In 2016, Gephi is translated in French, Spanish, Japanese,  Russian, Polish,

https://www.linkedin.com/in/eduardo-ramos-ib%C3%A1%C3%B1ez-b6231522/[Eduardo Ramos Ibáñez] is the maintainer of the code.

== 3. A series of metrics on Gephi's popularity over time
//ST: 3. A series of metrics on Gephi's popularity over time

//ST: Cumulative downloads for Gephi
//ST: !
==== a. Cumulative downloads

//ST: !
pass:[<iframe width="600" height="600" align="center" frameborder="0" scrolling="no" src="https://docs.google.com/spreadsheets/d/13mTifgFRpEH0vpXUF2USdy6kTTtPuEq9FgWWXYEPIck/pubchart?oid=657051972&amp;format=interactive"></iframe>]


//ST: General interest for Gephi and related software over 2004 - 2016
//ST: !
==== b. General interest for Gephi and related software in the past 5 years

//ST: !
//pass:[<iframe scrolling="no" style="border:none;" width="640" height="600" src="https://www.google.com/trends/fetchComponent?hl=en-US&amp;q=gephi,vosviewer,nodexl,cytoscape,ucinet%20&amp;content=1&amp;cid=TIMESERIES_GRAPH_0&amp;export=5&amp;w=640&amp;h=600"></iframe>]

++++
Expand All @@ -80,10 +99,20 @@ pass:[<iframe width="600" height="600" align="center" frameborder="0" scrolling=
++++


//ST: Academic citations for Gephi (counting only citations to Bastian et al., 2009)
//ST: !
==== c. Academic citations for Gephi (counting only citations to http://www.aaai.org/ocs/index.php/ICWSM/09/paper/download/154/1009[Bastian et al., 2009])

//ST: !
image::google-scholar-gephi.png[align="center", title=""]
{nbsp} +


== the end
//ST: The end!

Visit https://www.facebook.com/groups/gephi/[the Gephi group on Facebook] to get help,

or visit https://seinecle.github.io/gephi-tutorials/[the website for more tutorials]
pass:[ <!-- Start of StatCounter Code for Default Guide -->
<script type="text/javascript">
var sc_project = 11238920;
Expand Down
2 changes: 1 addition & 1 deletion docs/generated-html/subdir/history-en_temp_pdf.md
Expand Up @@ -87,7 +87,7 @@ image::Gephi--cumulative-downloads.png[align="center", title="Gephi, cumulative
{nbsp} +

//ST: !
==== b. General interest for Gephi and related software over 2004 - 2016
==== b. General interest for Gephi and related software in the past 5 years

//ST: !
//pass:[<iframe scrolling="no" style="border:none;" width="640" height="600" src="https://www.google.com/trends/fetchComponent?hl=en-US&amp;q=gephi,vosviewer,nodexl,cytoscape,ucinet%20&amp;content=1&amp;cid=TIMESERIES_GRAPH_0&amp;export=5&amp;w=640&amp;h=600"></iframe>]
Expand Down
2 changes: 1 addition & 1 deletion docs/generated-html/subdir/history-en_temp_slides.md
Expand Up @@ -84,7 +84,7 @@ pass:[<iframe width="600" height="600" align="center" frameborder="0" scrolling=


== !
==== b. General interest for Gephi and related software over 2004 - 2016
==== b. General interest for Gephi and related software in the past 5 years

== !
//pass:[<iframe scrolling="no" style="border:none;" width="640" height="600" src="https://www.google.com/trends/fetchComponent?hl=en-US&amp;q=gephi,vosviewer,nodexl,cytoscape,ucinet%20&amp;content=1&amp;cid=TIMESERIES_GRAPH_0&amp;export=5&amp;w=640&amp;h=600"></iframe>]
Expand Down
Expand Up @@ -198,12 +198,22 @@ image::Selection-of-the-network-logic.png[align="center",title="Selection of the
{nbsp} +

//ST: !
There are for the moment 3 Network Logics to choose from:
There are for the moment 4 Network Logics to choose from:

//ST: !
* Full Twitter Network : This will represent **all** entities (User, Tweet, Hastags, URL, Media, Symbol etc...) as a graph.
* User Network : This will represent the interaction between users. Any mentions, retweets or quotes between 2 users, will be represented. The size of the edge represent the number of interactions between 2 users.
* Hashtag Network : This will create the network of hashtag.
* Hashtag Network : This will create the network of Hashtags.
* Emoji Network : Same as Hashtag Network but focused on Emoji characters ( original idea from http://dataneel.com[Neel Shivdasani] / @DataNeel ).

//ST: !

**Note for the Emoji Network ** : By default, the `Label` of Emoji nodes use the UTF-8 character representation. On the `Overview` and the `Previsualisation` panel, the lable display might not work with the default settings (you will see some square instead). To make it work, you need to use a font that support emoji. The **Segoe Emoji** font should be the one available by default on Win 10.

For the moment, you **won't** be able to export the graph as **SVG** if you keep the UTF-8 character (PNG still works). But you can use the other emoji representation (html or alias) as label to export as SVG and apply post processing on it.

image::en/twitter-streaming-importer/emoji-change-font.png[align="center", title="Change font for Emoji display"]
{nbsp} +

//ST: !
In the following, we use the network logic "User Network":
Expand Down
Expand Up @@ -198,12 +198,22 @@ image::Selection-of-the-network-logic.png[align="center",title="Selection of the
{nbsp} +

//ST: !
There are for the moment 3 Network Logics to choose from:
There are for the moment 4 Network Logics to choose from:

//ST: !
* Full Twitter Network : This will represent **all** entities (User, Tweet, Hastags, URL, Media, Symbol etc...) as a graph.
* User Network : This will represent the interaction between users. Any mentions, retweets or quotes between 2 users, will be represented. The size of the edge represent the number of interactions between 2 users.
* Hashtag Network : This will create the network of hashtag.
* Hashtag Network : This will create the network of Hashtags.
* Emoji Network : Same as Hashtag Network but focused on Emoji characters ( original idea from http://dataneel.com[Neel Shivdasani] / @DataNeel ).

//ST: !

**Note for the Emoji Network ** : By default, the `Label` of Emoji nodes use the UTF-8 character representation. On the `Overview` and the `Previsualisation` panel, the lable display might not work with the default settings (you will see some square instead). To make it work, you need to use a font that support emoji. The **Segoe Emoji** font should be the one available by default on Win 10.

For the moment, you **won't** be able to export the graph as **SVG** if you keep the UTF-8 character (PNG still works). But you can use the other emoji representation (html or alias) as label to export as SVG and apply post processing on it.

image::en/twitter-streaming-importer/emoji-change-font.png[align="center", title="Change font for Emoji display"]
{nbsp} +

//ST: !
In the following, we use the network logic "User Network":
Expand Down
Expand Up @@ -212,12 +212,23 @@ image::Selection-of-the-network-logic.png[align="center",title="Selection of the


== !
There are for the moment 3 Network Logics to choose from:
There are for the moment 4 Network Logics to choose from:

== !
* Full Twitter Network : This will represent **all** entities (User, Tweet, Hastags, URL, Media, Symbol etc...) as a graph.
* User Network : This will represent the interaction between users. Any mentions, retweets or quotes between 2 users, will be represented. The size of the edge represent the number of interactions between 2 users.
* Hashtag Network : This will create the network of hashtag.
* Hashtag Network : This will create the network of Hashtags.
* Emoji Network : Same as Hashtag Network but focused on Emoji characters ( original idea from http://dataneel.com[Neel Shivdasani] / @DataNeel ).

== !

**Note for the Emoji Network ** : By default, the `Label` of Emoji nodes use the UTF-8 character representation. On the `Overview` and the `Previsualisation` panel, the lable display might not work with the default settings (you will see some square instead). To make it work, you need to use a font that support emoji. The **Segoe Emoji** font should be the one available by default on Win 10.

For the moment, you **won't** be able to export the graph as **SVG** if you keep the UTF-8 character (PNG still works). But you can use the other emoji representation (html or alias) as label to export as SVG and apply post processing on it.

[.stretch]
image::en/twitter-streaming-importer/emoji-change-font.png[align="center", title="Change font for Emoji display"]


== !
In the following, we use the network logic "User Network":
Expand Down
38 changes: 28 additions & 10 deletions docs/generated-html/twitter-streaming-importer-en.html
Expand Up @@ -554,7 +554,7 @@ <h1>Twitter Streaming Importer</h1>
<div id="preamble">
<div class="sectionbody">
<div class="paragraph">
<p>last modified: 2018-02-11</p>
<p>last modified: 2018-03-03</p>
</div>
<div class="imageblock" style="text-align: center">
<div class="content">
Expand Down Expand Up @@ -870,7 +870,7 @@ <h4 id="_a_network_logic">a. Network Logic</h4>
<p>&#160;<br></p>
</div>
<div class="paragraph">
<p>There are for the moment 3 Network Logics to choose from:</p>
<p>There are for the moment 4 Network Logics to choose from:</p>
</div>
<div class="ulist">
<ul>
Expand All @@ -881,18 +881,36 @@ <h4 id="_a_network_logic">a. Network Logic</h4>
<p>User Network : This will represent the interaction between users. Any mentions, retweets or quotes between 2 users, will be represented. The size of the edge represent the number of interactions between 2 users.</p>
</li>
<li>
<p>Hashtag Network : This will create the network of hashtag.</p>
<p>Hashtag Network : This will create the network of Hashtags.</p>
</li>
<li>
<p>Emoji Network : Same as Hashtag Network but focused on Emoji characters ( original idea from <a href="http://dataneel.com">Neel Shivdasani</a> / @DataNeel ).</p>
</li>
</ul>
</div>
<div class="paragraph">
<p><strong>Note for the Emoji Network </strong> : By default, the <code>Label</code> of Emoji nodes use the UTF-8 character representation. On the <code>Overview</code> and the <code>Previsualisation</code> panel, the lable display might not work with the default settings (you will see some square instead). To make it work, you need to use a font that support emoji. The <strong>Segoe Emoji</strong> font should be the one available by default on Win 10.</p>
</div>
<div class="paragraph">
<p>For the moment, you <strong>won&#8217;t</strong> be able to export the graph as <strong>SVG</strong> if you keep the UTF-8 character (PNG still works). But you can use the other emoji representation (html or alias) as label to export as SVG and apply post processing on it.</p>
</div>
<div class="imageblock" style="text-align: center">
<div class="content">
<img src="images/en/twitter-streaming-importer/emoji-change-font.png" alt="emoji change font">
</div>
<div class="title">Figure 19. Change font for Emoji display</div>
</div>
<div class="paragraph">
<p>&#160;<br></p>
</div>
<div class="paragraph">
<p>In the following, we use the network logic "User Network":</p>
</div>
<div class="imageblock" style="text-align: center">
<div class="content">
<img src="images/Adding-terms-and-launching-the-collection-of-tweets.png" alt="Adding terms and launching the collection of tweets">
</div>
<div class="title">Figure 19. Adding terms and launching the collection of tweets</div>
<div class="title">Figure 20. Adding terms and launching the collection of tweets</div>
</div>
<div class="paragraph">
<p>&#160;<br></p>
Expand All @@ -910,7 +928,7 @@ <h4 id="_a_network_logic">a. Network Logic</h4>
<div class="content">
<img src="images/en/twitter-streaming-importer/result-plugin-1-en.png" alt="result plugin 1 en">
</div>
<div class="title">Figure 20. Users mentioned in or retweeting tweets citing the search terms</div>
<div class="title">Figure 21. Users mentioned in or retweeting tweets citing the search terms</div>
</div>
<div class="paragraph">
<p>&#160;<br></p>
Expand All @@ -928,7 +946,7 @@ <h4 id="_b_applying_a_layout_while_the_tweets_arrive">b. Applying a layout while
<div class="content">
<img src="images/Running-the-Force-Atlas-layout-while-the-tweets-are-arriving.png" alt="Running the Force Atlas layout while the tweets are arriving">
</div>
<div class="title">Figure 21. Running the Force Atlas layout while the tweets are arriving</div>
<div class="title">Figure 22. Running the Force Atlas layout while the tweets are arriving</div>
</div>
<div class="paragraph">
<p>&#160;<br></p>
Expand All @@ -940,7 +958,7 @@ <h4 id="_b_applying_a_layout_while_the_tweets_arrive">b. Applying a layout while
<div class="content">
<img src="images/Switching-to-the-data-laboratory-view.png" alt="Switching to the data laboratory view">
</div>
<div class="title">Figure 22. Switching to the data laboratory view</div>
<div class="title">Figure 23. Switching to the data laboratory view</div>
</div>
<div class="paragraph">
<p>&#160;<br></p>
Expand All @@ -961,7 +979,7 @@ <h4 id="_c_timeline">c. Timeline</h4>
<div class="content">
<img src="images/en/twitter-streaming-importer/timeline-enable.png" alt="timeline enable">
</div>
<div class="title">Figure 23. How to activate the Timeline</div>
<div class="title">Figure 24. How to activate the Timeline</div>
</div>
<div class="paragraph">
<p>&#160;<br></p>
Expand All @@ -970,7 +988,7 @@ <h4 id="_c_timeline">c. Timeline</h4>
<div class="content">
<img src="images/en/twitter-streaming-importer/timeline.gif" alt="timeline">
</div>
<div class="title">Figure 24. Example of Timeline</div>
<div class="title">Figure 25. Example of Timeline</div>
</div>
<div class="paragraph">
<p>&#160;<br></p>
Expand Down Expand Up @@ -1010,7 +1028,7 @@ <h2 id="_the_end">The end</h2>
<div id="footer">
<div id="footer-text">
Version 1.0<br>
Last updated 2018-02-11 16:33:15 CET
Last updated 2018-03-03 18:03:10 CET
</div>
</div>
</body>
Expand Down
Binary file modified docs/generated-pdf/history-en.pdf
Binary file not shown.
Binary file modified docs/generated-pdf/twitter-streaming-importer-en.pdf
Binary file not shown.

0 comments on commit 452458e

Please sign in to comment.