Cytoscape.js
Introduction Factsheet A fully featured graph library written in pure JS Permissive open source license (MIT) for the core Cytoscape.js library and all first-party extensions Used in commercial projects and open-source projects in production Designed for users first, for both frontfacing app usecases and developer usecases Highly optimised No external dependencies Compatible with All modern browse
ç°¡å˜ã«ãƒªãƒƒãƒãªãƒãƒ£ãƒ¼ãƒˆãŒä½œã‚Œã‚‹C3.jsを使ã£ã¦ã¿ãŸ - undefined
C3.jsã¨ã¯? C3.js | D3-based reusable chart library C3 ã¯ãƒãƒ£ãƒ¼ãƒˆã«ç‰¹åŒ–ã—ãŸãƒ“ジュアライゼーションライブラリã§ã™ã€‚D3 ã®ãƒ©ãƒƒãƒ‘ーライブラリã§ã€D3 ã®è¦‹ãŸç›®ã®ç¾Žã—ã•ã‚„インタラクション性ãªã©ã®ç‰¹å¾´ã‚’残ã—ãªãŒã‚‰ã€ãƒãƒ£ãƒ¼ãƒˆãƒ©ã‚¤ãƒ–ラリã¨ã—ã¦åˆ†ã‹ã‚Šã‚„ã™ã„インターフェースをæä¾›ã™ã‚‹ã¨ã„ã†æ–¹é‡ã§é–‹ç™ºã‚’進ã‚ã¦ã„ã¾ã™ã€‚ http://blog.xica-inc.com/about-xica/member-12/ ã“ã‚Œã¯ã¾ã§ã¯highchart.jsを使ã£ã¦ã„ã¾ã—ãŸãŒã€å•†ç”¨åˆ©ç”¨ã¯æœ‰å„Ÿã ã£ãŸã‚Šã™ã‚‹ã®ã§ä»Šå›žC3.jsã‚’ã„ã˜ã£ã¦ã¿ã¾ã™ã€‚ サンプル ã©ã‚“ãªãƒãƒ£ãƒ¼ãƒˆãŒä½œã‚Œã‚‹ã‹ä»¥ä¸‹ã®ã‚µãƒ³ãƒ—ルを見れã°åˆ†ã‹ã‚Šã¾ã™ã€‚ C3.js | D3-based reusable chart library 使ã£ã¦ã¿ã‚‹ 音ゲーãªã©ã§ã¯ã‚²ãƒ¼ãƒ 終了時ã«ã‚¹ã‚³ã‚¢ã®è»Œè·¡ãŒã‚°ãƒ©ãƒ•ã¨ã—ã¦æç”»ã•ã‚ŒãŸã‚Šã—ã¾
ECharts - 多種多様ãªè¡¨ç¾ã«å¯¾å¿œã—ãŸã‚°ãƒ©ãƒ•/ãƒãƒ£ãƒ¼ãƒˆãƒ©ã‚¤ãƒ–ラリ MOONGIFT
Webã¯è¡¨ç¾åŠ›ãŒãã‚Œã»ã©é«˜ããªã„ã®ãŒå¸¸ã«å•é¡Œè¦–ã•ã‚Œã¦ã„ã¾ã™ã€‚特ã«æ¥å‹™ç³»ã‚·ã‚¹ãƒ†ãƒ ã§ã¯ã‚°ãƒ©ãƒ•/ãƒãƒ£ãƒ¼ãƒˆã‚’使ã£ã¦ãƒ‡ãƒ¼ã‚¿ã‚’å¯è¦–化ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚最近ã§ã¯ãƒ“ッグデータãŒè©±é¡Œã«ã‚ãŒã£ã¦ãŠã‚Šã€å¤§é‡ã®ãƒ‡ãƒ¼ã‚¿ã‚’効率的ã«æç”»ã—ãªã‘ã‚Œã°ãªã‚‰ãªããªã£ã¦ã„ã¾ã™ã€‚ ãã“ã§EChartsを紹介ã—ã¾ã™ã€‚ビッグデータモードã¾ã§ç”¨æ„ã•ã‚ŒãŸå¤šç¨®å¤šæ§˜ãªãƒ‘ターンã®ç”¨æ„ã•ã‚ŒãŸãƒãƒ£ãƒ¼ãƒˆãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ EChartsã®ä½¿ã„æ–¹ 今回ã¯ãã®å¤šæ§˜ãªã‚°ãƒ©ãƒ•ã€ãƒãƒ£ãƒ¼ãƒˆã‚’紹介ã—ã¾ã™ã€‚ 曲線ã®ã‚°ãƒ©ãƒ•ã€‚ ç©ã¿ä¸Šã’グラフ。 棒グラフ。 エリアグラフ。 曲線。ã‹ãªã‚Šè¤‡é›‘ã§ã™ã€‚ ã“ã¡ã‚‰ã‚‚ユニークã§ã™ã€‚途ä¸ã§é€”切れã¦ã„ã¾ã™ã€‚ 棒グラフã§ã™ãŒã€ç¯„囲ãŒæŒ‡å®šã§ãã¦ã„ã¾ã™ã€‚ å·¦å³ã®æ¯”較グラフ。 複数グループã®æ£’グラフ。 散布図。 ã“ã¡ã‚‰ã‚‚散布図。 ç”»åƒã‚‚åˆã‚ã›ãŸè¡¨ç¤ºã€‚ 散布図ã¨è‰²ã®çµ„ã¿åˆã‚ã›ã€‚ ãƒãƒ¼ã‚½ã‚¯ãƒãƒ£ãƒ¼ãƒˆã€‚ 円グラフ。 よりæç”»ã«ã“ã ã‚ã£ãŸå††ã‚°ãƒ©ãƒ•ã€‚ レー
GrowthForecast - Lightning fast Graphing / Visualization
GrowthForecast is a web tool that let's you graph all sorts of metrics via a WebAPI. Our simple API let's you create and update charts in real time, customize your charts through a Web interface, and create charts that combine multiple metrics. You can graph your MySQL data with 1 line of code $ crontab -l */5 * * * * curl -F number=`mysql -BN -e 'select count(*) from member' game` http://example.
Graphvizã®DOT言語をJavaScriptã§å®Ÿè£…·canviz MOONGIFT
canvizã¯Canvasを使ã£ã¦DOTファイルをグラフ化ã™ã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ フãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆãªã©è¤‡é›‘ãªã‚°ãƒ©ãƒ•ã‚’æãã®ã«é©ã—ã¦ã„ã‚‹ã®ã«DOT言語ãŒçŸ¥ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚通常ã€Graphvizを使ã£ã¦ç”»åƒåŒ–ã™ã‚‹ã®ã§ã™ãŒã€ä»Šå›žã¯canvizを紹介ã—ã¾ã™ã€‚ãªã‚“ã¨DOTファイルをèªã¿è¾¼ã¿ã€Webブラウザ上ã«Canvasã‚¿ã‚°ã§æã出ã—ã¦ãã‚Œã¾ã™ã€‚ 例。ã‹ãªã‚Šè¤‡é›‘ãªé–¢ä¿‚性を表示ã—ã¦ã„ã¾ã™ã€‚ 別ãªã‚°ãƒ©ãƒ•ã€‚ã“ã¡ã‚‰ã‚‚関係性ãŒè¤‡é›‘ã§ã™ã€‚ レイアウトを変更ã™ã‚‹ã¨ã‚°ãƒ©ãƒ•ã‚‚å…¨ã別物ã«ãªã‚Šã¾ã™ã€‚ 表示ã®å¤§ãã•ã¯è‡ªç”±ã«å¤‰ãˆã‚‰ã‚Œã¾ã™ã€‚ ã“ã‚“ãªå›³ã‚‚。 複数線ãŒã¤ãªãŒã£ã¦ã„ã‚‹ã€ãã‚“ãªè¡¨ç¤ºã‚‚実ç¾ã—ã¾ã™ã€‚ 色付ãã®æž 。 グルーピング。 グルーピングã§ã•ã‚‰ã«è‰²ä»˜ã。 ノード自体ãŒè‰²ä»˜ã。 14ã®é ‚点ã§ç›¸äº’ã«ã¤ãªãŒã£ã¦ã„ã¾ã™ã€‚ åŒã˜ã‚°ãƒ©ãƒ•ã‚‚レイアウトを変ãˆã‚‹ã¨ã“ã‚“ãªæ„Ÿã˜ã«ã€‚ Graphvizを使ã†å ´åˆã¯ä¸»ã«å€‹äººç”¨é€”ã€ã‚‚ã—ãã¯å¤‰æ›å¾Œã®ç”»åƒ
IDEA*IDEA 〜 ã¨ã‚るサービスé‹å–¶è€…ãŒå¦ã‚“ã ã“ã¨ã‚’ã¾ã¨ã‚るブãƒã‚°
プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¦ç¿’サービスã®é‹å–¶ã€GTDã®ç›£è¨³ã€å°ç²‹ãªiOSアプリã®é–‹ç™ºã€‚ã¨ãã©ãライフãƒãƒƒã‚¯ã€‚æ–‡ç« ã¯AIã§æ›¸ã„ã¦ã¾ã›ã‚“（詳ã—ã„プãƒãƒ•ã‚£ãƒ¼ãƒ«ï¼‰ã€‚
D3.js
D3The JavaScript library for bespoke data visualization Create custom dynamic visualizations with unparalleled flexibility
Smoothie Charts: A JavaScript Charting Library for Streaming Data
A JavaScript Charting Library for Streaming Data See It Hello world example Server CPU usage example Responsive chart example Get It Download smoothie.js or npm install smoothie (and browserify) or clone repository on GitHub Use It Read the Ten Minute Tutorial Explore, configure and generate code Discussion and Support (Google Groups) View MIT License Report issue / Request feature
JSNetworkX
JSNetworkX is a port of the popular Python graph library NetworkX. From their website: NetworkX is a Python language software package for the creation, manipulation, and study of the structure, dynamics, and function of complex networks. With NetworkX you can load and store networks in standard and nonstandard data formats, generate many types of random and classic networks, analyze network struct
NVD3
This project is an attempt to build re-usable charts and chart components for d3.js without taking away the power that d3.js gives you. This is a very young collection of components, with the goal of keeping these components very customizable, staying away from your standard cookie cutter solutions. View more examples » GitHub Repo Download d3.v3.js. This is the only required library for NVD3. Dow
Simplify.js - a high-performance JavaScript 2D/3D polyline simplification library
Tweet Simplify.js (License: BSD, GitHub: mourner / simplify-js, npm: simplify-js) is a tiny high-performance JavaScript polyline simplification library by Vladimir Agafonkin, extracted from Leaflet, a JS interactive maps library of the same author. It uses a combination of Douglas-Peucker and Radial Distance algorithms. Works both on browser and server platforms. Polyline simplification dramatical
Liviz.js (JSViz)
digraph testgraph{ {node[shape=none, fontsize=23] "Welcome to Liviz.js!" } {node[shape=none] "Interactive GraphViz on your browser" } {edge[color=transparent] "Welcome to Liviz.js!" -> "Interactive GraphViz on your browser" } A -> B -> C -> D -> E; B -> D; {node[shape=box]; 1 -> 2 -> 3; } E -> 1;2 -> C; {rank=same; 1; A;} {rank=same; 3; D;} } Test
Rickshaw: A JavaScript toolkit for creating interactive time-series graphs
Rickshaw is a JavaScript toolkit for creating interactive time series graphs. Rickshaw on GitHub Graphing Toolkit Rickshaw provides the elements you need to create interactive graphs: renderers, legends, hovers, range selectors, etc. You put the pieces together. See Demo → Built on d3.js It's all based on d3 underneath, so graphs are drawn with standard SVG and styled with CSS. Customize all you l
flare | visualization on the web
To begin making your own visualizations, download flare and work through the tutorial below. Need more help? Visit the help forum (you’ll need a SourceForge login to post). Flare is open-source software released under a BSD license, meaning it can be freely deployed and modified (and even sold for $$). Flare’s design was adapted from its predecessor prefuse, a visualization toolkit for Java. Appli
データå¯è¦–化ã®ãŸã‚ã®ã‚°ãƒ©ãƒ•æç”»JavaScriptライブラリ20é¸ | ゆã£ãã‚Šã¨â€¦
SixRevisionsã§ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§ã‚°ãƒ©ãƒ•ã‚’æç”»ã™ã‚‹å ´åˆã«æ´»èºã—ãã†ãªJavaScriptライブラリã®ç‰¹é›†ãŒã‚ã‚Šã¾ã—ãŸã®ã§ã€ç´¹ä»‹ã—ã¾ã™ã€‚個人サイトã§ã¯ã‚ã¾ã‚Šå½¹ã«ç«‹ãŸãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€è¦³ã¦ã„ã‚‹ã ã‘ã§æ¥½ã—ããªã‚Šã¾ã™ã€‚元記事ã«æ•¬æ„を表ã—ã€ãªã‚‹ã¹ã趣旨ãŒç•°ãªã‚‰ãšã‹ã¤å¤‰ãªæ—¥æœ¬èªžã«ãªã‚‰ãªã„よã†å¿ƒãŒã‘ãŸã¤ã‚‚ã‚Šã§ã™ãŒã€è¨³ã«é–“é•ãˆãŒã‚ã‚Šã¾ã—ãŸã‚‰å®¹èµ¦é¡˜ã„ã¾ã™ã€‚ 2010å¹´1月17æ—¥ by Jacob Gube 退屈ãªæ•°å€¤ãƒ‡ãƒ¼ã‚¿ã‚’美麗ã‹ã¤ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã«è§£ã‚Šæ˜“ãå¯è¦–化ã™ã‚‹ãŸã‚ã®JavaScriptライブラリã¯æ•°å¤šãã‚ã‚Šã¾ã™ã€‚通常ã¯HTMLテーブルã§è¡¨ç¾ã™ã‚‹ãƒ‡ãƒ¼ã‚¿ã‚’ã€JavaScriptを使ã£ã¦å¯è¦–化ã—美ã—ã見ã›ã‚‹äº‹ãŒã§ãã‚Œã°ã‚ãªãŸã®ãƒ‡ãƒ¼ã‚¿ã¯ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティーã®å„ªã‚ŒãŸã‚‚ã®ã¨ãªã‚‹ã§ã—ょã†ã€‚ç§ã¯2008å¹´ã«ãƒ‡ãƒ¼ã‚¿ã®ã‚°ãƒ©ãƒ•åŒ–＆ãƒãƒ£ãƒ¼ãƒˆåŒ–ã®ãŸã‚ã®JavaScriptを書ã上ã’ã¾ã—ãŸãŒã€ä»Šå›žå†ã³å˜ãªã‚‹ãƒ‡ãƒ¼ã‚¿ã«ç”Ÿå‘½ã‚’
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ccchart
Sigma.js
humble software development - flotr
Google Code Archive - Long-term storage for Google Code Project Hosting.
8maki.jp
{{#tags}}- {{label}}
{{/tags}}