Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
tree: 0bd5f6652d
Fetching contributors…

Cannot retrieve contributors at this time

196 lines (193 sloc) 10.081 kb
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=UTF-8>
<title>HTML5 Word Cloud: Text Analyzer</title>
<link rel="stylesheet" type="text/css" href="../wordcloud.css" />
</head>
<body>
<canvas id="canvas" class="toggleUI"></canvas>
<div id="fb-root"></div>
<div id="loading" class="center_msg">
<p>Loading ...</p>
</div>
<div id="error" class="error toggleUI center_msg">
<p>&nbsp;</p>
<a href="#" class="start">Try Again</a>
</div>
<div id="too_slow" class="error toggleUI center_msg">
<p>Your browser is too slow. Execute the analyzer could cause it to hang. Please switch to other browser (This happened to some Firefox installations.)</p>
</div>
<div id="not_support" class="error toggleUI center_msg">
<p>Some of the required functionality are missing from your browser.</p>
<p>Please upgrade, or switch to HTML5-capable browsers:</p>
<ul>
<li><a href="http://mozilla.com/firefox/" target="_blank">Firefox</a></li>
<li><a href="http://www.apple.com/safari/" target="_blank">Safari</a></li>
<li><a href="http://www.google.com/chrome/" target="_blank">Chrome</a></li>
<li><a href="http://www.opera.com/" target="_blank">Opera</a></li>
</ul>
</div>
<noscript>
<div class="center_msg">
<p>Please enable JavaScript.</p>
</div>
</noscript>
<p id="title"></p>
<a id="start" href="#" class="toggleUI start center_btn">Word Clouds - Click to Start</a>
<a id="ready" href="#" class="toggleUI ready center_btn">Ready</a>
<div id="controls" class="toggleUI left_tool">
<ul>
<li><a href="#" class="changetheme"><span class="famfamfam_sprite color_wheel"></span>Theme</a></li>
<li><a href="#" class="larger"><span class="famfamfam_sprite comment"></span>Larger Text</a></li>
<li><a href="#" class="smaller"><span class="famfamfam_sprite comments"></span>Smaller Text</a></li>
<li><a href="#" class="thicker"><span class="famfamfam_sprite arrow_out"></span>Bigger Gap</a></li>
<li><a href="#" class="thiner"><span class="famfamfam_sprite arrow_in"></span>Smaller Gap</a></li>
<li><a href="#" class="ready"><span class="famfamfam_sprite arrow_refresh"></span>Regenerate</a></li>
</ul>
</div>
<div id="interactive" class="toggleUI left_tool">
<ul>
<li><a href="#" class="facebook"><span class="famfamfam_sprite facebook"></span>Facebook</a></li>
<li><a href="#" class="twitter"><span class="famfamfam_sprite twitter"></span>Twitter</a></li>
<li><a href="#" class="save"><span class="famfamfam_sprite disk"></span>Save</a></li>
</ul>
</div>
<div id="help" class="left_tool">
<ul>
<li><a href="#" class="start"><span class="famfamfam_sprite arrow_undo"></span>Reset</a></li>
<li><a href="#" class="help"><span class="famfamfam_sprite help"></span>About</a></li>
</ul>
</div>
<div id="language" class="left_tool">
<ul>
<li><strong>English</strong></li>
<li><a href="../zh/">正體中文</a></li>
</ul>
</div>
<div id="source_panel" class="toggleUI panel">
<h2>Text Source for Word Clouds</h2>
<form id="source_panel_form" action="#" method="post">
<p class="menu panel_left">
<label class="generic"><span class="famfamfam_sprite award_star_bronze_1"></span><input type="radio" name="source" value="demo" checked /> Examples</label>
<label class="generic"><span class="famfamfam_sprite feed"></span><input type="radio" name="source" value="feed" /> RSS Feed</label>
<label class="generic"><span class="famfamfam_sprite page_world"></span><input type="radio" name="source" value="html" /> Webpages</label>
<label class="generic"><span class="famfamfam_sprite disk"></span><input type="radio" name="source" value="file" /> Local file</label>
<label><input type="radio" name="source" value="wiki" /> Wikipedia</label>
<label><input type="radio" name="source" value="blog:blogger" /> Blogger</label>
<label><input type="radio" name="source" value="blog:twitter"/> Twitter</label>
<label><input type="radio" name="source" value="fbok"/> Facebook</label>
<label><input type="radio" name="source" value="goog"/> Google+</label>
</p>
<hr />
<div id="demo_entry" class="entry">
<p>Examples</p>
<p class="menu">
<label><input type="radio" name="demo" value="feed:http://www.nytimes.com/services/xml/rss/nyt/GlobalHome.xml" checked /> New York Times (Global Edition)</label>
<label><input type="radio" name="demo" value="feed:http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml" /> New York Times (U.S.)</label>
<label><input type="radio" name="demo" value="feed:http://rss.cnn.com/rss/edition.rss" /> CNN Top Stories</label>
<!--<label><input type="radio" name="demo" value="feed:http://sophist4ever.pixnet.net/blog/feed/rss" /> 假圖天國 <a href="http://sophist4ever.pixnet.net/blog" target="_blank" class="link famfamfam_sprite application_double">link</a></label>
<label><input type="radio" name="demo" value="feed:http://richter.pixnet.net/blog/feed/rss" /> 地圖會說話 <a href="http://richter.pixnet.net/blog" target="_blank" class="link famfamfam_sprite application_double">link</a></label>
<label><input type="radio" name="demo" value="feed:http://playpcesor.blogspot.com/feeds/posts/default" /> 電腦玩物 <a href="http://playpcesor.blogspot.com/" target="_blank" class="link famfamfam_sprite application_double">link</a></label>
<label><input type="radio" name="demo" value="feed:http://www.president.gov.tw/RSS.aspx?tabid=131&amp;moduleid=514" /> 總統府新聞稿</label>-->
</p>
</div>
<div id="blog_entry" class="entry">
<p><label><span>ID/Username for <span><span class="feed_type_name">:</span><input type="text" size="14" id="username" /></label></p>
<p>Some website doesn't provide full text RSS.</p>
</div>
<div id="feed_entry" class="entry">
<p><label><span>RSS Feed Address:</span><input type="url" size="40" id="rss" /></label></p>
<p>Only feed that has ever been subscribed could be accessed.</p>
</div>
<div id="file_entry" class="entry">
<p><label><span>Choice plain text file:</span><input type="file" id="file" multiple /></label></p>
<p><label><span>Encoding:</span><input type="text" size="10" id="encoding" value="UTF-8" /></label></p>
<p>File will be processed directly without transmitting over the wire.</p>
</div>
<div id="wiki_entry" class="entry">
<p><label><span>Entry:</span><input type="text" size="14" id="wikipedia_entry" /></label></p>
</div>
<div id="html_entry" class="entry">
<p><label><span>URL:</span><input type="url" size="40" id="html_url" /></label></p>
<p>Only public webpages that has been indexed by search engines can be accessed.</p>
</div>
<div id="fbok_entry" class="entry">
<p>Loading...</p>
<p>If problem persists, please remove HTML5 Word Cloud from <a href="https://www.facebook.com/settings?tab=applications" target="_blank">authorized Facebook apps</a> and login again.</p>
</div>
<div id="goog_entry" class="entry">
<p><label><input type="radio" name="goog_type" id="goog_type_me" checked="checked" /> My Posts</label></p>
<p><input type="radio" name="goog_type" id="goog_type_userid" /> <label>Profile URL:<input type="url" size="30" id="goog_url" /></label></p>
</div>
<button type="submit" id="source_panel_finish">Start</button>
</form>
</div>
<div id="help_panel" class="panel toggleUI">
<h2>About</h2>
<div class="entry">
<p>Author: <a href="http://timc.idv.tw/" target="_blank">timdream</a>.</p>
<p>Feel free to leave <a href="http://blog.timc.idv.tw/posts/wordcloud/" target="_blank">comments</a> or grab the <a href="https://github.com/timdream/wordcloud" target="_blank">source code</a>.</p>
<p>Technologies:</p>
<ul>
<li>Chinese: Self-developed N-gram analyzer</li>
<li>English: <a href="http://tartarus.org/~martin/PorterStemmer/" target="_blank">Porter Stemming Algorithm</a></li>
<li>HTML5 canvas</li>
<li>HTML5 FileReader API</li>
<li>HTML5 Web Workers API</li>
<li>Javascript 1.6 <a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" target="_blank">new Array functions</a></li>
</ul>
<p>Data feeds:</p>
<ul>
<li><a href="https://code.google.com/apis/feed/" target="_blank">Google Feed API</a></li>
<li><a href="https://developers.facebook.com/docs/reference/javascript/" target="_blank">Facebook JavaScript SDK</a></li>
<li><a href="https://developers.google.com/+/" target="_blank">Google Plus API</a></li>
<li><a href="http://developer.yahoo.com/yql/" target="_blank">YQL API</a></li>
</ul>
<button>Close</button>
</div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript" src="../jquery.wordcloud.js"></script>
<script type="text/javascript" src="../go2.js"></script>
<script type="text/javascript" src="../jquery.getcontent.js"></script>
<script type="text/javascript" src="../worker.js"></script>
<script type="text/javascript" src="../wordfreq.js"></script>
<script type="text/javascript" src="../wordcloud.js"></script>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript">
window.Worker.iframeURI = '../worker.iframe.html';
window.Worker.baseURI = 'en/';
var T = {
title: 'Word Clouds for $1',
downloading: 'Downloading ...',
reading: 'Reading ...',
processing: 'Processing ...',
analyzing: 'Analyzing ...',
errorReading: 'Reading error, please try again later.',
errorWordCount: 'Not enough word/phrases to show.',
fbNeedLogin: 'Please <a id="fb_login" href="#">login to Facebook</a> first.',
fbReady: 'Ready. Click "Start" to access you Facebook wall.',
startList_1: 'HTML5 Word Cloud',
startList_1C: 45,
startList_2: '文字雲',
startList_2C: 35,
startList_3: 'Text Analyzer',
startList_3C: 30,
startList_4: 'Click to start',
startList_4C: 26,
readyList_1: 'Analyzing complete',
readyList_1C: 45,
readyList_2: '$1 phrases in total',
readyList_2C: 26,
readyList_3: 'Maximum count $2 times',
readyList_3C: 20,
readyList_4: 'Click to start',
readyList_4C: 17,
listHeading: 'Most frequent terms: ',
listComma: ', ',
listEllipsis: ''
};
</script>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.