ウェブã§ã‹ã£ã“ã„ã„グラフをæããŸã‚ã®ãƒ©ã‚¤ãƒ–ラリやらテクニックやらã®ã¾ã¨ã‚ - IDEA*IDEA ～ 百å¼ç®¡ç†äººã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚° ～We'll be back soon! Our site is currently undergoing maintenance. Please check back later.
MOONGIFT: » 圧巻ï¼AJAX DHTMLã®ã‚°ãƒ©ãƒ•ãƒ©ã‚¤ãƒ–ラリ「Timeplotã€:オープンソースを毎日紹介
グラフを作るニーズã¯å¤šã„。ã¾ãŸã€ãã®ãŸã‚ã®ãƒ©ã‚¤ãƒ–ラリも多種多様ã«å˜åœ¨ã—ã¦ã„る。PHPã‚„Javaãªã©ã®ãƒ—ãƒã‚°ãƒ©ãƒ 言語ã«ã‚ˆã‚‹ã‚‚ã®ã€JavaScriptã§ä½œã‚‹ã‚‚ã®ã€Flashã§ä½œã‚‹ã‚‚ã®ã¨ã„ã£ãŸå…·åˆã 。 ãã®ä¸ã«ã‚ã£ã¦ã€ã“ã‚Œã®å®Œæˆåº¦ã¯éžå¸¸ã«é«˜ã„。ã¾ã•ã«åœ§å€’ã•ã‚Œã¦ã—ã¾ã†ç¶ºéº—ã•ã 。 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯Timeplotã€AJAX+DHTMLã§ä½œã‚‰ã‚ŒãŸã‚°ãƒ©ãƒ•ä½œæˆãƒ©ã‚¤ãƒ–ラリã 。 Timeplotã¯å˜ç´”ãªäºŒæ¬¡å…ƒã®æŠ˜ã‚Œç·šã‚°ãƒ©ãƒ•ç”¨ã®ãƒ©ã‚¤ãƒ–ラリã§ã€éžå¸¸ã«ç´°ã‹ãæç”»ãŒè¡Œã‚れる。特ã«ã‚°ãƒ©ãƒ•ã®ä¸Šã‚’マウスã§ãªãžã£ãŸæ™‚ã«å„数値ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã®ãŒç´ 晴らã—ã„。 åŒã˜ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®å¹´è¡¨ã‚’作り出ã™Timelineå½¢å¼ã‚’サãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ã€‚å ´åˆã«ã‚ˆã£ã¦ä½¿ã„分ã‘ãŸã‚Šã€è¦‹ã›æ–¹ã‚’変ãˆãŸã‚Šã¨ä¾¿åˆ©ã«ä½¿ãˆãã†ã 。グラフã«å‚™è€ƒã‚’ã¤ã‘ã‚‹ã“ã¨ã‚‚ã§ãã€ç‰¹å®šã®å ´æ‰€ã‚’クリックã™ã‚‹ã¨èª¬æ˜Žæ–‡ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã€‚ サンプルã¯æ•°å¤šã登録ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€
MOONGIFT: » 超美麗ãªã‚°ãƒ©ãƒ•ã‚’æãJavaScriptライブラリ「WT Toolkitã€:オープンソースを毎日紹介
システム開発ã¯ä½•ã‚‰ã‹ã®å‡ºåŠ›ã‚’ã‚‚ã£ã¦å®Œçµã™ã‚‹ã€‚メールé€ä¿¡ã™ã‚‹å ´åˆã‚„ã€ç”»é¢å‡ºåŠ›ç‰ãŒã‚る。æ¥å‹™ã‚·ã‚¹ãƒ†ãƒ ç³»ã§ã‚ã‚Œã°ã€å¸³ç¥¨ã‚„一覧表も考ãˆã‚‰ã‚Œã‚‹ã€‚ãã®ä¸ã§ã‚ˆãè¦æœ›ã«æŒ™ãŒã‚‹ã®ãŒã‚°ãƒ©ãƒ•è¡¨ç¤ºã ã‚ã†ã€‚ グラフ用ã®ãƒ©ã‚¤ãƒ–ラリを導入ã—ãŸã‚Šã€è¡¨ç¤ºã®ãƒ—ãƒãƒƒãƒˆãŒé¢å€’ã ã£ãŸã‚Šã—ã¦ã€æœ€çµ‚çš„ã«ã¯è¡¨è¨ˆç®—ソフトウェアã«é€ƒã’ã¦ã—ã¾ã†ã“ã¨ãŒå¤šã„。既å˜ãƒ‡ãƒ¼ã‚¿ã¸ã®ã‚°ãƒ©ãƒ•è¡¨ç¤ºæ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹ã®ã«JavaScriptã¨ã„ã†é¸æŠžè‚¢ã¯ã„ã‹ãŒã ã‚ã†ã€‚ 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯WT Toolkitã€ã‚°ãƒ©ãƒ•è¡¨ç¤ºã‚’ã¯ã˜ã‚ã¨ã™ã‚‹ãƒªãƒƒãƒãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’æä¾›ã™ã‚‹JavaScriptライブラリã 。 ã¾ãšã¯ä½•ã¨ã„ã£ã¦ã‚‚グラフ表示機能ã ã‚ã†ã€‚デモã§è¦‹ã‚‰ã‚Œã‚‹ã®ã¯3D円グラフã€æ£’グラフã•ã‚‰ã«ãƒ¬ãƒ¼ãƒ€ãƒ¼ãƒãƒ£ãƒ¼ãƒˆãªã©ã€‚ã©ã‚Œã‚‚Webブラウザ上ã§å‹•çš„ã«å¤‰æ›´ã§ãる。ãŸã ã—日本語ã¯ã‚°ãƒ©ãƒ•ä¸Šã¯æ–‡å—化ã‘ã™ã‚‹ã®ã§ã”注æ„ã„ãŸã ããŸã„。 ä»–ã«ã‚‚ツリービューや表計算風シートã®
スケジュールã®é€²è¡ŒçŠ¶æ³ã‚¢ãƒ—リã«ä½¿ãˆãã†ãªAjax*ホームページを作る人ã®ãƒã‚¿å¸³
プãƒã‚°ãƒ©ãƒ ã®é€²è¡ŒçŠ¶æ³ã‚„ã€ä»•äº‹ã®é€²è¡ŒçŠ¶æ³ãªã©ã€ç¾åœ¨ã®ã‚¿ã‚¹ã‚¯é€²è¡ŒçŠ¶æ³ã‚’手軽ã«è¡¨ç¤ºã™ã‚‹ãŸã‚ã®ã‚¹ã‚¯ãƒªãƒ—トã§ã™ã€‚ ã‚ã¾ã‚Šä½¿ã†å ´é¢ãŒãªã•ãã†ã§ã™ãŒã€ãªã‹ãªã‹è‰¯ã„å‹•ãã‚’ã—ã¦ã„ãŸã®ã§ã”紹介ã ã‘ã§ã‚‚ã—ã¦ãŠãã¾ã™ã€‚ ダウンãƒãƒ¼ãƒ‰ デモページã¨ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒšãƒ¼ã‚¸ã¯åŒã˜ã§ã™ã€‚ ãªãŠã€é…布元ã¯webappers.comã•ã‚“ã§ã™ã€‚ ç§é”ãŒã‚¦ã‚§ãƒ–サイトを作æˆã™ã‚‹ã¨ãã€ãŸã¾ã«é€²è¡Œæ£’ã‚’å¿…è¦ã¨ã™ã‚‹å ´åˆãŒã‚る。ãŸã ã—ã€Flashを使用ã—ãªã„ã§ã€Ajaxã«ã‚ˆã‚‹ãƒ‘ーセント棒を作æˆã—ãŸã€‚ 興味ã®ã‚ã‚‹æ–¹ã¯ãŠè©¦ã—ã‚れ。 å‚考ã¾ã§ã«ä¸Šè¨˜ã‚µã‚¤ãƒˆã§æ›¸ã‹ã‚Œã¦ã„るヘルプ display(elementId, percentage, colorCode) Display the Percentage Bar int colorCode: 1 = Green int colorCode: 2 = Yellow int colorCode: 3 = O
MOONGIFT: » 必見ï¼ã‚½ãƒ¼ãƒˆ/編集ãŒã§ãる表ライブラリ「TableKitã€:オープンソースを毎日紹介
昨日紹介ã—ãŸã€ŒNofunc Table Organizeã€ã¯è¡¨ã«å¯¾ã—ã¦ç°¡å˜ã«ã‚½ãƒ¼ãƒˆæ©Ÿèƒ½ãŒä»˜ä¸Žã§ãã‚‹ã™ã°ã‚‰ã—ã„ライブラリã 。ã—ã‹ã—æ¥å‹™ã‚·ã‚¹ãƒ†ãƒ を構築ã—ã¦ã„ã‚‹ã¨ã€ãれ以外ã«ã‚‚è¦æœ›ãŒå‡ºã¦ããŸã‚Šã™ã‚‹ã€‚ 良ãã‚ã‚‹ã®ãŒã€ãã®å ´ã§ãƒ‡ãƒ¼ã‚¿ã‚’ä¿®æ£ã—ãŸã„ãªã©ã¨è¨€ã†ã‚‚ã®ã 。もã¡ã‚ã‚“ã€æŠ€è¡“çš„ã«ä¸å¯èƒ½ãªè¨³ã§ã¯ãªã„。ãŒã€é–‹ç™ºã‚³ã‚¹ãƒˆãŒã‹ã‹ã‚ŠéŽãŽã‚‹ã€‚ãã“ã§ä½¿ã£ã¦ã¿ãŸã„ã®ãŒã“ã®ãƒ©ã‚¤ãƒ–ラリã 。 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯TableKitã€ãƒ†ãƒ¼ãƒ–ルã®ã‚½ãƒ¼ãƒˆã«åŠ ãˆãƒ‡ãƒ¼ã‚¿ç·¨é›†æ©Ÿèƒ½ã‚’å‚™ãˆãŸãƒ©ã‚¤ãƒ–ラリã 。 TableKitã¯Nofunc Table OrganizeåŒæ§˜ã«ãƒ©ã‚¤ãƒ–ラリをèªã¿è¾¼ã‚€ã ã‘ã§æ—¢å˜ã®ãƒ†ãƒ¼ãƒ–ルã¯æ®†ã©ãã®ã¾ã¾ã§ä½¿ãˆã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã 。ヘッダ部ã«theadã€ãƒ‡ãƒ¼ã‚¿éƒ¨ã«tbodyãã—ã¦ãƒ•ãƒƒã‚¿éƒ¨ã«tfootを指定ã™ã‚‹ã€‚ ヘッダ部をクリックã—ã¦æ˜‡é †ã€é™é †ã«ã‚ˆã‚‹ã‚½ãƒ¼ãƒˆã¯ã‚‚ã¡ã‚ã‚“ã€ãƒ‡ãƒ¼ã‚¿ã‚’ãã®å ´ã§ä¿®æ£ã§ãã‚‹ã®ãŒä¾¿åˆ©ã
Emprise JavaScript Charts :: 100% Pure JavaScript Charts
I’m Kayla, and yep, I made a bunch of donut charts last month. Work dashboards. A school fundraiser page. Even my own food log. I tried five tools: Chart.js, D3, ApexCharts, ECharts, and Highcharts. For a deeper side-by-side look at these libraries, check out this comprehensive comparison of JavaScript charting libraries. Since then I’ve also kept my eye on a newer lightweight option, EJSChart, wh
３Ｄグラフæ画用JavaScriptライブラリ「Canvas 3D Graphã€:phpspot開発日誌
AXXT - Web development and more Canvas 3D Graph This is Canvas 3DGraph, special type of bar graph used to plot X-Y-Z values. ３Ｄグラフæ画用JavaScriptライブラリ「Canvas 3D Graphã€. ライブラリを使ã£ã¦æ¬¡ã®ã‚ˆã†ãª3DグラフãŒæç”»ã§ãるよã†ã§ã™ã€‚ 3Dグラフã¨ã„ã†ã¨ä½¿ã„ã©ã“ã‚ãŒï¼Ÿãªæ„Ÿã˜ã§ã™ãŒã€ã†ã¾ã„使ã„方を考ãˆã‚Œã°æœ‰åŠ¹ã«åˆ©ç”¨ã§ãã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã。 関連エントリ ã‚ュートãªå††ã‚°ãƒ©ãƒ•ç°¡å˜ä½œæˆã‚µãƒ¼ãƒ“ス Flash,JavaScript,CSS,PHPã§ã‚°ãƒ©ãƒ•ä½œæˆã®ãŸã‚ã®ãƒ©ã‚¤ãƒ–ラリ色々
1
メンテナンス
ランã‚ング
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Google Code Archive - Long-term storage for Google Code Project Hosting.
{{#tags}}- {{label}}
{{/tags}}