xChartsxCharts is a JavaScript library for building beautiful and custom data-driven chart visualizations for the web using D3.js. Using HTML, CSS, and SVG, xCharts are designed to be dynamic, fluid, and open to integrations and customization.
HTML5ã§ç¶ºéº—ã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚°ãƒ©ãƒ•ãŒæã‘るライブラリ「Flotr2ã€:phpspot開発日誌
Flotr2 HTML5ã§ç¶ºéº—ã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚°ãƒ©ãƒ•ãŒæã‘るライブラリ「Flotr2〠次ã®ã‚ˆã†ãªç¶ºéº—ã§å¤šæ§˜ãªã‚°ãƒ©ãƒ•ã‚’æç”»ã§ãるライブラリã§ã™ã€‚ グラフをクリックã™ã‚‹ã¨ã‚°ãƒ©ãƒ•ã®ã‚µãƒ³ãƒ—ル付ãã§javascriptã®ã‚µãƒ³ãƒ—ルコードãŒå‡ºã¦ã¨ã£ã¦ã‚‚使ã„ã‚„ã™ã„ iOSã§ã‚°ãƒ©ãƒ•ãŒå¿…è¦ãªéš›ã«ï¼‘ã¤ã®é¸æŠžè‚¢ã¨ã—ã¦ã€‚ 関連エントリ 様々ãªæ™‚系列グラフをæç”»ã§ãã‚‹JavaScriptライブラリ「Rickshaw〠HTML5ã®canvasã‚¿ã‚°ã§æãグラフæ画ライブラリ「AwesomeChartJS〠tableデータをグラフã«ç½®ãæ›ãˆã¦ãれるjQueryプラグイン「Chartifyã€
第8回　Webページã«Google APIã§ç°¡å˜ã«ãã‚Œã„ãªã‚°ãƒ©ãƒ•ã‚’æã
GoogleãŒæä¾›ã—ã¦ã„ã‚‹APIライブラリ「Google APIã€ã¨èžã„ã¦ãƒ‘ã£ã¨æ€ã„ã¤ãã®ã¯ï¼Œæ¤œç´¢ç³»ï¼ˆGoogle AJAX Search API）ã‹ï¼Œåœ°å›³ç³»ï¼ˆGoogle Maps APIï¼Google Earth API）ã§ã—ょã†ã€‚ã—ã‹ã—Google APIã«ã¯ä»–ã«ã‚‚ã„ãã¤ã‹ç¨®é¡žãŒã‚ã‚Šã¾ã™ã€‚今回ã”紹介ã™ã‚‹ã®ã¯ã€ŒGoogle Visualization APIã€ã§ã™ã€‚Visualizationã£ã¦ãªã‚“ã ã‚ã†ã¨ã„ã†ã“ã¨ã§ã™ãŒï¼Œå®Ÿã¯ã“れグラフをæç”»ã™ã‚‹ãŸã‚ã®API群ã§ã™ã€‚ グラフを作るã¨ã„ã†ã“ã¨ã ã‘ã§ã‚ã‚Œã°ï¼ŒExcelã®ã‚ˆã†ãªè¡¨è¨ˆç®—ソフトを使ã†ã®ãŒä¸€ç•ªæ‰‹ã£å–ã‚Šæ—©ã„方法ã§ã™ã€‚ã—ã‹ã—，例ãˆã°Webサイトã®ä¸ã§ã‚°ãƒ©ãƒ•ã‚’利用ã—よã†ã¨æ€ãˆã°ï¼ŒExcelã§ã‚°ãƒ©ãƒ•ã‚’作り，ã“れを画åƒã¨ã—ã¦ã‚ャプãƒãƒ£ã—，HTMLã«è²¼ã‚Šä»˜ã‘ã‚‹ã¨ã„ã†æ‰‹é †ã‚’è¸ã¾ãªãã¦ã¯ãªã‚Šã¾ã›ã‚“。実際ã«ITç³»ã®è¨˜äº‹ã§ã¯ï¼Œç‰¹ã«ãƒãƒ¼ãƒ‰ã‚¦ã‚¨ã‚¢ã®ãƒ™ãƒ³ãƒãƒž
JavaScript用ã®ã‚°ãƒ©ãƒ•æ画ライブラリ色々:phpspot開発日誌
10 Best Free JavaScript Charts Solutions | AjaxLine JavaScript用ã®ã‚°ãƒ©ãƒ•æ画ライブラリ色々。 JavaScriptã§ã‚°ãƒ©ãƒ•ã€ã¨ã„ã£ã¦ã‚‚様々ãªãƒ©ã‚¤ãƒ–ラリãŒå˜åœ¨ã™ã‚‹ã‚ˆã†ã§ã™ã。 Flot グラフæ画用ã®jQueryプラグイン Flotr JavaScript Plotting Library Prototype.jsベースã®ã‚°ãƒ©ãƒ•æ画プラグイン JS charts 棒グラフãªã©ã®æ§˜ã€…ãªã‚°ãƒ©ãƒ•ã‚’綺麗ã«æç”»ã§ãã‚‹(一番綺麗ã‹ã‚‚) HTML-Graphs グラフをHTMLã§è¡¨ç¾ã™ã‚‹ã‚¿ã‚¤ãƒ— 全部見る 個人的ã«ã¯ã‚°ãƒ©ãƒ•ã‚’表示ãªã‚‰ç”»åƒã‹FlashãŒã„ã„ãªãã¨æ€ã£ã¦ã„ã¾ã™ãŒã€JavaScriptã§ã‚ã‚Œã°ãƒ—ラグインéžä¾å˜ã‹ã¤ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆæç”»ã¨ã„ã†ã“ã¨ã§ãƒ¡ãƒªãƒƒãƒˆã¯ã‚ã‚Šã¾ã™ã。 関連エントリ JavaScriptã§å°ã•ãã¦å¯æ„›ã„グラフを作れる「jQue
MOONGIFT: » è¦ãƒã‚§ãƒƒã‚¯ï¼ãƒ†ãƒ¼ãƒ–ルã‹ã‚‰ã‚°ãƒ©ãƒ•ã‚’生æˆã™ã‚‹JavaScriptライブラリ「Bluffã€:オープンソースを毎日紹介
※ ç”»åƒã¯å…¬å¼ã‚µã‚¤ãƒˆã®ãƒ‡ãƒ¢ã‚ˆã‚Š ã“ã‚Œã¯é¢ç™½ã„発想ã 。Web上ã§ã‚°ãƒ©ãƒ•ã‚’作æˆã€è¡¨ç¤ºã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã¯æ•°å¤šãå˜åœ¨ã™ã‚‹ã€‚ãã®éš›ã«ä½¿ã†æ–¹å¼ã¨ã—ã¦ã¯ã€åŸºæº–ã«ãªã‚‹ç‚¹ã‚’XY軸ãã‚Œãžã‚Œã«å¯¾ã—ã¦è¿½åŠ ã—ã€æç”»ã™ã‚‹ã¨ã„ã†æ–¹å¼ã 。ã“ã‚Œã¯ãƒ—ãƒã‚°ãƒ©ãƒ 言語ã«ã¨ã£ã¦ã¯ç°¡å˜ãªæ–¹å¼ã‹ã‚‚知れãªã„。 JavaScriptã ã‘ã§ç”»åƒã‚°ãƒ©ãƒ•ã‚’生æˆã™ã‚‹ ã ãŒã€ä½¿ã„慣れã¦ã„る表計算ソフトウェアã®å ´åˆã¯ã©ã†ã ã‚ã†ã€‚ã¯ã˜ã‚ã«è¡¨ãŒã‚ã‚Šã€ãã“ã‹ã‚‰ãƒ‡ãƒ¼ã‚¿ã‚’èªã¿å–ã£ã¦ã‚°ãƒ©ãƒ•ã‚’æãよã†ã«ãªã£ã¦ã„る。ãã®æ…£ã‚ŒãŸæ–¹å¼ã‚’使ãˆã‚‹ã®ãŒã“ã¡ã‚‰ã®ãƒ©ã‚¤ãƒ–ラリã 。 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯Bluffã€ã‚°ãƒ©ãƒ•æ画ライブラリã 。 Bluffã¯JavaScriptã®ãƒ©ã‚¤ãƒ–ラリã§ã€ç”»åƒå½¢å¼ï¼ˆPNG）ã®ã‚°ãƒ©ãƒ•ã‚’生æˆã™ã‚‹ã€‚棒グラフã€å††ã‚°ãƒ©ãƒ•ã€ã‚¨ãƒªã‚¢ã‚°ãƒ©ãƒ•ã€æŠ˜ã‚Œç·šã‚°ãƒ©ãƒ•ãªã©æ§˜ã€…ãªã‚°ãƒ©ãƒ•å½¢å¼ã‚’サãƒãƒ¼ãƒˆã—ã¦ã„る。背景色を変ãˆãŸã‚Šã€è¤‡æ•°ã®ãƒ‡ãƒ¼ã‚¿ã‚’æç”»ã§ãã‚‹ãªã©å¤šæ©Ÿèƒ½ãªãƒ©ã‚¤
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}