JavaScript/¥Á¥ã¡¼¥ÈÉÁ²è ¤ÎÊѹ¹ÅÀ
Top / JavaScript / ¥Á¥ã¡¼¥ÈÉÁ²è
- Äɲ䵤줿¹Ô¤Ï¤³¤Î¿§¤Ç¤¹¡£
- ºï½ü¤µ¤ì¤¿¹Ô¤Ï¤³¤Î¿§¤Ç¤¹¡£
- JavaScript/¥Á¥ã¡¼¥ÈÉÁ²è ¤Ø¹Ô¤¯¡£
- JavaScript/¥Á¥ã¡¼¥ÈÉÁ²è ¤Îº¹Ê¬¤òºï½ü
*JavaScript¤ÇÉÁ²è¤¹¤ë³Æ¼ï¥Á¥ã¡¼¥È»¨´¶
**[[Chart.js>http://www.chartjs.org/]]
ºÇ¶áÃΤäƤ¢¤Þ¤ê»î¤·¤Æ¤Þ¤»¤ó¤¬¡¢°ì¸«Îɤµ¤½¤¦¤Ç¤¹¡£~
~
Îɤ¤ÅÀ
-¥Ç¥Õ¥©¥ë¥È¤ÇÍî¤ÁÃ夤¤¿¿§¤Î¥Ç¥¶¥¤¥ó
-¥¢¥Ë¥á¤Çɽ¼¨¤µ¤ì¤ë
¥ê¥ó¥¯
-[[ÀäÂФޤͤ·¤¿¤¤¡ªChart.js¤ò»È¤Ã¤Æ¥Õ¥é¥Ã¥È¥Ç¥¶¥¤¥ó¤Ý¤¤¥°¥é¥Õ¤òºî¤ëÊýË¡ | startapp>http://startapp.jp/2013/07/21/how-to-create-flat-chart.html?utm_source=twitterfeed&utm_medium=twitter]]
-[[HTML5 ¡ß Chart.js¤Ç±ß¥°¥é¥Õ¤òÉÁ¤¯ | ¥Ó¥¸¥å¥¢¥ë¥·¥ó¥¥ó¥° >http://www.visualthinking.jp/archives/13390?utm_content=bufferd9a05&utm_source=buffer&utm_medium=twitter&utm_campaign=Buffer]]
**[[ccchart>http://jsgt.org/c/]]
JavaScript½ñÀҤǤâÍ̾¤Ê¹â¶¶ ÅлËϯ»á¤¬ºîÀ®~
~
Îɤ¤ÅÀ
-JavaScript¥Õ¥¡¥¤¥ë¤¬£±¤Ä¤ÇƳÆþ¤·¤ä¤¹¤¤
-¥µ¥ó¥×¥ë¤¬ËÉ٤ǥ«¥¹¥¿¥Þ¥¤¥º¤·¤ä¤¹¤¤
-²£¼´¤Ë´ð½àÀþ¤ò°ú¤¤¤¿¤ê¡¢Ê£¹ç¤·¤¿¥Á¥ã¡¼¥È¤òºî¤ì¤ë
-¥¿¥Ã¥Á¤¹¤ë¤È¥Ý¥Ã¥×¥¢¥Ã¥×¤ÇÆâÍƤòɽ¼¨²Äǽ¡Ê»ÄÇ°¤Ê¤¬¤é¥É¥é¥Ã¥°¤·¤¿¤È¤¤Ëɽ¼¨¤µ¤ì¤Ê¤¤¤Î¤Ç¡¢¥¹¥Þ¥Û¤Ç¾¯¤·Áàºî¤·¤Ë¤¯¤¤¡Ë
-¥¿¥Ã¥Á¤¹¤ë¤È¥°¥é¥Õ¤¬¥Õ¥ê¥Ã¥×¤·¤ÆÀÚ¤êÂؤï¤ëɽ¼¨¤â²Äǽ
°¤¤ÅÀ
-ÀÞ¤ìÀþ¡¢ËÀ¥°¥é¥Õ°Ê³°¤Î¥°¥é¥Õ¼ïÎब¾¯¤Ê¤¤
-¥Ç¥Õ¥©¥ë¥È¤Î±Æ¤Ê¤É¤Î¥³¥ó¥È¥é¥¹¥È¤¬Â礤¤¡Ê¹õ·Ï¤ÎÇطʤÀ¤È¥µ¥ó¥×¥ë¤â¿¤¯Îɤµ¤½¤¦¡¢µÕ¤ËÇò·Ï¤ÎÇطʤϹ©Éפ¹¤ëɬÍפ¬¤¢¤ë¤«¤â¡Ë
¥ê¥ó¥¯
-[[ccchart Reference PDF>http://jsgt.org/c/doc/ccchart-0931.pdf]] ... ¥Ñ¥é¥á¡¼¥¿°ìÍ÷
-[[¡Ú¥°¥é¥ÕÉÁ²è¥é¥¤¥Ö¥é¥ê¡Ûccchart¤Î»È¤¤Êý¥á¥â>http://qiita.com/maruyam-a/items/c5f1750f34dc0e62f6a5]]
**[[jqPlot>http://www.jqplot.com/index.php]]
³ä¤ê¤ÈÍ̾¤ÊjQuery¾å¤ÇÆ°¤¯¥°¥é¥ÕÉÁ²è¥é¥¤¥Ö¥é¥ê(jQuery Mobile¤«¤é¤â»È¤¨¤Þ¤¹)
Îɤ¤ÅÀ
-¥Ç¥Õ¥©¥ë¥È¤ÎÇò·ÏÅý¤ÎÇطʤǡ¢ÍÞ¤¨Ìܤο§»È¤¤¤¬¼«Á³
-¥°¥é¥Õ¤ò¥¢¥Ë¥áÉÁ²è¤Ç¤¤ë
°¤¤ÅÀ
-¥¿¥Ã¥Á¤·¤Æ¥Ý¥Ã¥×¥¢¥Ã¥×ɽ¼¨¤Ê¤É¤ÏÂбþ¤·¤Æ¤Ê¤µ¤½¤¦
**[[Raphael.js>http://raphaeljs.com/]]
Îɤ¤ÅÀ
-¥Á¥ã¡¼¥È°Ê³°¤Ç¤âiPad¤Ç¥¿¥Ã¥ÁÁàºî²Äǽ¤Ê³Æ¼ïÉÁ²è¥µ¥ó¥×¥ë¤¬ËÉÙ
-¥«¥é¡¼¥Ô¥Ã¥«¡¼¤Ï¥¿¥Ã¥Á¤Ç¤È¤Æ¤âÁàºî¤·¤ä¤¹¤«¤Ã¤¿
-¥É¥é¥Ã¥°²Äǽ¤ÊÁê´Ø¿Þ¤âÉÁ²è²Äǽ
-¥¤¡¼¥¸¥ó¥°¥µ¥ó¥×¥ë¤âͤë
°¤¤ÅÀ
-¥°¥é¥Õ¤Îµ¡Ç½¤Ï¾¤ÈÈæ¤Ù¤Æ¾¯¤Ê¤¤
**-[[Highcharts JS>http://shop.highsoft.com/highcharts.html]]
¤È¤Æ¤â¹âµ¡Ç½¤Ç»È¤¤¤ä¤¹¤¤¤¬Í½þ
Îɤ¤ÅÀ
-¸«¤¿Ìܤ¬¼«Á³
-µ¡Ç½¤¬ËÉÙ
-iPad¤Î¥É¥é¥Ã¥°¤ËÂбþ¤·¤Æ¥°¥é¥Õ¤ÎÃͤò¥Ý¥Ã¥×¥¢¥Ã¥×ɽ¼¨²Äǽ
°¤¤ÅÀ
-ͽþ
**[[elycharts>http://elycharts.com/]]
MIT license¤ÎJavaScript¥Á¥ã¡¼¥ÈÉÁ²è¥é¥¤¥Ö¥é¥ê
Îɤ¤ÅÀ
-ÉÁ²è³«»Ï»þ¤Î¥¢¥Ë¥áɽ¼¨²Äǽ
-¥Þ¥¦¥¹¥ª¡¼¥Ð¡¼¤ÇĺÅÀ¤Ê¤É¤Î¾ðÊó¤¬É½¼¨¤µ¤ì¤ë
-¥¿¥Ã¥Á¤¹¤ë¤È¥Ý¥Ã¥×¥¢¥Ã¥×¤ÇÆâÍƤòɽ¼¨²Äǽ¡Ê»ÄÇ°¤Ê¤¬¤é¥É¥é¥Ã¥°¤·¤¿¤È¤¤Ëɽ¼¨¤µ¤ì¤Ê¤¤¤Î¤Ç¡¢¥¹¥Þ¥Û¤Ç¾¯¤·Áàºî¤·¤Ë¤¯¤¤¡Ë
°¤¤ÅÀ
-±Æ¤Ê¤É¤¬ÉÕ¤¤¤Æ¤Ê¤¯¡¢¿Þ¤¬¥Ú¥¿¤Ã¤È¤·¤¿°õ¾Ý
**[[JustGauge>http://www.justgage.com/]]
Ⱦ±ß·Á¤Î¥¹¥Ô¡¼¥É¥á¡¼¥¿¡¼¤Î¤è¤¦¤Ê¥°¥é¥Õ¤¬¥¢¥Ë¥áÉÕ¤¤ÇÉÁ¤±¤Þ¤¹¡£
**[[CanvasJS>http://canvasjs.com/]]
**[[polychart.js>http://polychartjs.com/]]
**D3.js
-[[Place.Me Infographics: d3 implementation" D3.js¤ÇºîÀ®¤µ¤ì¤¿¥¤¥ó¥Õ¥©¥°¥é¥Õ¥£¥Ã¥¯>http://h4rrydog.github.io/placeMe/]]
-[[D3.jsÎãʸ¼Åµ>http://www.openspc2.org/reibun/D3.js/]]
-[[D3.js¤ò³Ø½¬¤¹¤ëºÝ¤Ë¸«¤ë¤ÈÎɤ¤¥É¥¥å¥á¥ó¥È>http://qiita.com/awakia/items/8d2192fa842ae3079589]]
-[[D3.js¤ò¤Ä¤«¤Ã¤ÆData-Driven¤Ë¥ê¥Ã¥Á¤Ê¥°¥é¥Õ¤ä¥Á¥ã¡¼¥È¤òºîÀ®¤·¤è¤¦ | Tech-Sketch>http://tech-sketch.jp/2013/09/d3js.html]]
-[[D3.js¤ÎÊÙ¶¯²ñ¤ò¹Ô¤¤¤Þ¤·¤¿¡£ | GUNMA GIS GEEK>http://shimz.me/blog/d3-js/3035]]
-[[D3 ¥Á¥å¡¼¥È¥ê¥¢¥ë>http://ja.d3js.info/alignedleft/tutorials/d3/]]
-[[ÌÀÆü¤«¤é»È¤¨¤ëD3.js | ¥¹¥é¥¤¥É¥·¥ç¡¼>http://tech-sketch.github.io/graph-d3js/]]
-[[D3.js¤È³Ø¤ÖVisualization¡Ê²Ä»ë²½¡Ë¤ÎÀ¤³¦ ¥¹¥é¥¤¥É¥·¥ç¡¼>http://www.slideshare.net/AdvancedTechNight/20130830-atn-07d3jsvisualization]]
-[[The Big List of D3.js Examples>http://christopheviau.com/d3list/]]
-[[D3.jsÊÙ¶¯²ñ¡ÊÃÏ¿ÞÆþÌç¡Ë¤ò³«ºÅ¤·¤Þ¤·¤¿¡£ | GUNMA GIS GEEK>http://shimz.me/blog/d3-js/3113]]
-[[¡ÖD3.js¡×¤ò»È¤Ã¤¿¥Ç¡¼¥¿¥Ó¥¸¥å¥¢¥é¥¤¥¼¡¼¥·¥ç¥ó | CodeZine>http://codezine.jp/article/detail/7459?utm_source=twitterfeed&utm_medium=twitter]]
-[[D3.js example | Pinterest>http://bit.ly/I0Tapl]]
-[[²Ä»ë²½¥é¥¤¥Ö¥é¥êD3.js¤ÎÀ߷פ¬ÁÇÀ²¤é¤·¤¹¤®¤ë¡£ | »°ÅÙ¤ÎÈӤȥ¨¥ì¥¯¥È¥í¥ó>http://blog.katty.in/5493]]
-[[iPhone¤äiPad¤Çµ¤·Ú¤ËD3.js¤ò»î¤»¤ë³«È¯´Ä¶¡ÖProcoding¡× | GUNMA GIS GEEK>http://shimz.me/blog/paper-js/3485]]
-[[D3.jsÆþÌç – ¡Ö¥Ç¡¼¥¿¡¦¥É¥ê¥Ö¥ó¡×¤È¤¤¤¦ÆÃħ¤Ë¤Ä¤¤¤Æ | Developers.IO>http://dev.classmethod.jp/ria/html5/d3-js_data_driven/]]
-[[D3.js¤Î»È¤¤Êý¤È¥°¥é¥Õ¤òºîÀ®¤¹¤ë¥µ¥ó¥×¥ë | Tips Note>http://www.tam-tam.co.jp/tipsnote/javascript/post4913.html]]
-[[D3.js¤Ç¥Ð¡¼¥ó¥À¥¦¥ó¥Á¥ã¡¼¥È¤ò½ñ¤¯ | Qiita>http://qiita.com/jca02266/items/3133c008c45dd144cf8f]]
-[[D3.js Step by Step | Zero Viscosity>http://zeroviscosity.com/category/d3-js-step-by-step]]
-[[D3.js¤Ç´Êñ¤Ë¥Ù¥ó¿Þ¤¬¤«¤±¤ë¥×¥é¥°¥¤¥ó¡Övenn.js¡× | #GUNMAGISGEEK>http://shimz.me/blog/d3-js/4350]]
-[[¡ÚD3.js¡Û¥Á¥ã¡¼¥È¤òSVG¤äPNG¤Ç¥À¥¦¥ó¥í¡¼¥É¤Ç¤¤ë¤è¤¦¤Ë¤¹¤ë¤Þ¤Ç¤ÎŤ¤Æ»¤Î¤ê>http://shimz.me/blog/d3v4/5126]]
*¥ê¥ó¥¯
-[[jlord/sheetsee.js>https://github.com/jlord/sheetsee.js]] ... Google¥¹¥×¥ì¥Ã¥É¥·¡¼¥È¤ò¥Ç¡¼¥¿¥Ù¡¼¥¹¤È¤·¤Æ¡¢¥Æ¡¼¥Ö¥ë¤ä¥°¥é¥Õ¤òɽ¼¨¤¹¤ëJavaScript¥é¥¤¥Ö¥é¥ê
-[[Titanium Mobile¤Ç¥°¥é¥Õ¤òÉÁ²è | ¤â¤Õ¤â¤ÕÉô@CAW>http://j-caw.co.jp/blog/?p=130]]
-[[Mozanit Works Engineering>http://mozanitworks.blogspot.jp/2012/08/web4_20.html]] ... JavaScript¥Á¥ã¡¼¥ÈÉÁ²è¥é¥¤¥Ö¥é¥êÈæ³Óµ»ö
-[[20 POPULAR JAVASCRIPT CHARTS AND GRAPHICS LIBRARY>http://www.freshdesignweb.com/popular-javascript-charts-graphics-library.html]]
-[[Histogram.js | Eoin Murray>http://eoinmurray.io/blog/2013/09/02/histogram-dot-js/?utm_content=buffer268fd&utm_source=buffer&utm_medium=twitter&utm_campaign=Buffer]]
-[[Interactive Charts in Appcelerator Titanium | Appcelerator Developer Blog->http://developer.appcelerator.com/blog/2013/09/interactive-charts-in-appcelerator-titanium.html]] ... ³ô²Á¥Á¥ã¡¼¥È¤ËÎɤµ¤½¤¦¡£
-[[SVG¡¢PNG½ñ¤½Ð¤·¤Ç¤¤ë¥Õ¥ê¡¼¤Î¥Ó¥¸¥å¥¢¥é¥¤¥¼¡¼¥·¥ç¥ó¡¦¥Ä¡¼¥ë | VISUAL THINKING>http://www.visualthinking.jp/archives/17010]] ... ʬ³ä¤·¤¿Ä¹Êý·Á¤Î¶èʬÂ礤µ¤Ç³ä¹ç¤òɽ¤·¤¿¤ê¤¹¤ë¿Þ¤Ê¤É¤¬ºî¤ì¤Þ¤¹¡£
-[[35 JavaScript Chart and Graph Libraries for Developers | Code Geekz>http://codegeekz.com/javascript-chart-and-graph-libraries/]]
-[[¥Í¥Ã¥È¥ï¡¼¥¯¿Þ¤ä¥¿¥¤¥à¥é¥¤¥óÅù¤òÉÁ²è¤Ç¤¤ë¥æ¥Ë¡¼¥¯¤Ê¥Ó¥¸¥å¥¢¥é¥¤¥º¥é¥¤¥Ö¥é¥ê¡Övis.js¡× | phpspot³«È¯Æü»ï>http://phpspot.org/blog/archives/2014/04/visjs.html]]
-[[30 Simple Tools For Data Visualization | Co.Design | business + design>http://www.fastcodesign.com/3029239/infographic-of-the-day/30-simple-tools-for-data-visualization?utm_content=buffer2e0fe&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer]]
-[[Web¶È̳¥·¥¹¥Æ¥à¤ÎÄêÈÖ¡£HTML5¡ßCanvas¤ò»È¤Ã¤¿¥°¥é¥Õ¥é¥¤¥Ö¥é¥ê | hifive³«È¯¼Ô¥Ö¥í¥°>http://blog.htmlhifive.com/2014/08/14/enterprise-system-with-html5-canvas-chart-library/]]
-[[[JS]¥¤¥Ù¥ó¥È¤ò»þ´Ö¼´¤Çɽ¤¹¥¿¥¤¥à¥¹¥±¥¸¥å¡¼¥ë¥·¡¼¥È¤ò¥·¥ó¥×¥ë¤Ê¥³¡¼¥É¤ÇºîÀ®¤Ç¤¤ë¥¹¥¯¥ê¥×¥È -Timesheet.js | ¥³¥ê¥¹>http://coliss.com/articles/build-websites/operation/javascript/js-timesheet.html]]
-[[[JS]Èþ¤·¤¤¶ÊÀþ¤ò»È¤Ã¤¿¥Á¥ã¡¼¥È¡¦¥°¥é¥Õ¤¬ÉÁ¤±¤ëHTML5 Canvas¤ò»È¤Ã¤¿¥¹¥¯¥ê¥×¥È -Flotr2 | ¥³¥ê¥¹>http://coliss.com/articles/build-websites/operation/javascript/js-flotr2-for-html5-canvas-charts-and-graphs.html]]