[B! SVG] nsyeeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

nsyee id:nsyee

SVGã«é–¢ã™ã‚‹nsyeeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (34)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ã€è¿½è¨˜ã‚ã‚Šã€‘SVGã‚³ãƒ¼ãƒ‰ã‚´ãƒ«ãƒ•ã¨,GIZMODOã€ŒGoogleæ–°ãƒã‚´ã€è¨˜äº‹ã¸åè«– - è´ãè€³ã‚’æŒãŸãªã„(ç‰‡æ–¹ã—ã‹)
ï¼œã“ã“ã‹ã‚‰è¿½è¨˜ï¼š2015-09-10ï¼žå½“åˆæŠ•ç¨¿ã—ãŸå†…å®¹ãŒã€å‰æã‹ã‚‰èª¤ã£ãŸæ€ã„è¾¼ã¿ã§æ›¸ã‹ã‚Œã¦ãŠã‚Šã¾ã—ãŸã€è©³ã—ãã¯å¾ŒåŠã®è¿½è¨˜ã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚ ï¼œï¼è¿½è¨˜ã“ã“ã¾ã§ï¼ž ã¯ã˜ã‚ã«å…ˆæ—¥ã“ã†ã—ãŸãƒ„ã‚¤ãƒ¼ãƒˆãŒè©±é¡Œã«ãªã‚Šã¾ã—ãŸã€‚ https://twitter.com/thespite/status/639107572679712772 ã“ã‚Œã¯å…ˆé ƒãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ãŒç™ºè¡¨ã•ã‚ŒãŸGoogleç¤¾ã®ãƒã‚´ Evolving the Google Identity - Library - Google Design ãŒã‚·ãƒ³ãƒ—ãƒ«ãªæ§‹æˆã«è¦‹ãˆã‚‹ã“ã¨ã‹ã‚‰ã€ãã‚Œã‚’è’ãæ‰‹è»½ã«ä½œã‚‹ãªã‚‰ï¼ˆquick and dirty versionï¼‰290ãƒã‚¤ãƒˆã§ä½œã‚Œã‚‹ã‚ˆï¼ã¨ã„ã†å†…å®¹ã§ã™ã€‚ ãƒªãƒ³ã‚¯å…ˆã®ä¸èº«ã‚’è¦‹ã¦ã¿ã‚‹ã¨ã“ã®ã‚ˆã†ãª490ãƒã‚¤ãƒˆã®SVGãƒ•ã‚¡ã‚¤ãƒ«ã«ãªã£ã¦ãŠã‚Š <svg xmlns="http://www.w3.org/2000/svg" wi
nsyee 2015/09/10
SVG

golf

åœ§ç¸®
ãƒªãƒ³ã‚¯
ç§ã®ã‚µã‚¤ãƒˆã¯"SVG"ã‚’è¿”ã™ - cocuh's note
ãŠä¹…ã—ã¶ã‚Šã§ã™ã€‚ã“ãã§ã™ã€‚ ç§ã®ã‚µã‚¤ãƒˆã®ã“ã¨ã«ã¤ã„ã¦ã®è¨˜äº‹ã§ã™ã€‚ 1å¹´å‰ã‹ã‚‰å¤‰ãˆã¦ã‚ã‚‹ã®ã§ã™ãŒã€ ã ã‚Œã‚‚æ°—ã¥ã‹ãªã„ã®ã§ ãã‚ãã‚è»½ãæ›¸ãã¾ã™ã€‚ typowriter.org index.svgãŠã˜ã•ã‚“ ç§ã®ã‚µã‚¤ãƒˆã®ã‚¹ã‚¯ã‚·ãƒ§ã‚ã‚‹ã˜ã‚ƒã‚ã€‚ ã“ã“ã« /i_love_svgã¸ã®ãƒªãƒ³ã‚¯ãŒã‚ã‚‹ã˜ã‚ƒã‚ã€‚ /index.svgã«é£›ã¶ã®ã˜ã‚ƒã€‚ sidebarã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã‹ã¯ãªã„ã§ã™ãŒã€ã»ã¨ã‚“ã©åŒã˜è¦‹ãŸç›®ã®ãƒšãƒ¼ã‚¸ã‚’è¿”ã—ã¾ã™ã€‚ ã“ã‚Œã‹ã‚‰ã¡ã‚‡ãã¡ã‚‡ã index.svgã®ã‚µã‚¤ãƒˆå¢—ãˆã¦ã„ãã‚“ã˜ã‚ƒãªã„ã‹ãªã¨æ€ã£ã¦ã„ã¾ã™ãŒã€ã¾ãæµè¡Œã‚‰ãªã„ã§ã—ã‚‡ã†ã€‚ (ä¸€åº¦SVGã§æ›¸ãã¨htmlä»£ã‚ã‚Šã«ã¤ã‹ã†ãƒ„ãƒ©ã•ãŒã‚ã‹ã‚Šã¾ã™ã€‚ã€‚ã€‚åº§æ¨™å…¨éƒ¨æ‰‹æ‰“ã¡ãªã®ã§ã€‚ã€‚ã€‚) http accept headerã‚‚ ç§ã«ãƒªã‚¢ãƒ«ã§ä¼šã£ã¦ã„ã‚‹æ–¹ã«ã¯è©±ã—ã¦ãŸã‚Šã—ã¾ã™ãŒã€ HTTPã®acceptãƒ˜ãƒƒãƒ€ã«image/svg+xmlã‚’å…¥ã‚Œã¦æŠ•ã’ã‚‹ã¨ã“ã£ã¡ã‚‚
nsyee 2015/04/26
SVG
ãƒªãƒ³ã‚¯
Gapplin
Give me SVG, and I'll render it. It's free! viewer for SVG Gapplin is made for SVG. It can handle also SVGZ and animation SVG. besides text editor It's the perfect way to use Gapplin as a live-previewer for SVG images besides editing them in your text editor. WebKit rendering Gapplin uses WebKit as the rendering engine. So you can get images just as you see them on web browsers. screenshots Previe
nsyee 2014/11/26
Mac

SVG
ãƒªãƒ³ã‚¯
Fabric.js Javascript Canvas Library
Fabric.js is a powerful and simple Javascript HTML5 canvas library Fabric provides interactive object model on top of canvas element Fabric also has SVG-to-canvas (and canvas-to-SVG) parser Using Fabric.js, you can create and populate objects on canvas; objects like simple geometrical shapes
nsyee 2014/07/09
javascript

HTML5

canvas

SVG
ãƒªãƒ³ã‚¯
flowchart.js
st=>start: Start:>http://www.google.com[blank] e=>end:>http://www.google.com op1=>operation: My Operation sub1=>subroutine: My Subroutine cond=>condition: Yes or No?:>http://www.google.com io=>inputoutput: catch something... para=>parallel: parallel tasks in=>input: some in out=>output: some out st->op1->cond cond(yes)->io->e cond(no)->para para(path1, bottom)->sub1(right)->op1 para(path2, top)->o
nsyee 2014/05/08
javascript

diagram

SVG
ãƒªãƒ³ã‚¯
js-sequence-diagrams by bramp
This should be a diagram! If you don't see it you need Javascript enabled Intro A simple javascript library to turn text into vector UML sequence diagrams. Heavily inspired by websequencediagrams.com, who offer a serverside solution. We use Jison to parse the text, and Snap.svg to draw the image. Examples
nsyee 2014/05/08
javascript

UML

diagram

SVG
ãƒªãƒ³ã‚¯
Vector Magic Precision Bitmap To Vector Conversion Online
nsyee 2014/03/06
ç”»åƒå‡¦ç†

SVG
ãƒªãƒ³ã‚¯
ãƒªãƒãƒ¼ã‚·ã®ãƒ“ãƒƒãƒˆãƒœãƒ¼ãƒ‰ã®æ“ä½œã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã®Diagramsã‚’ä½¿ã£ãŸå¯è¦–åŒ–
ä½œæˆæ—¥æ™‚ 2013å¹´12æœˆ22æ—¥ 06:06 JST æœ€çµ‚æ›´æ–°æ—¥æ™‚ 2015å¹´09æœˆ08æ—¥ 22:27 JST ã‚¿ã‚° Haskellã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã“ã®è¨˜äº‹ã¯ Haskell Advenct Calender ã®17æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚é…ã‚Œã¦ã—ã¾ã£ã¦ç”³ã—è¨³ã‚ã‚Šã¾ã›ã‚“ã€‚svgç”»åƒãŒè¡¨ç¤ºã§ãã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã§é–²è¦§ã—ã¦ãã ã•ã„ã€‚ å¦ç§‘ã®èª²é¡Œã§å¤ä¼‘ã¿ã«Haskellã§ ãƒªãƒãƒ¼ã‚·AIã®å®Ÿè£… ã‚’è¡Œã£ãŸã®ã§ã™ãŒã€ãã®éš›ã«è€ƒãˆãŸç›¤é¢å‡¦ç†ã®ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã‚’ç”»åƒã¨ã—ã¦å¯è¦–åŒ–ã—ãŸã„ãªã¨æ€ã£ã¦ã„ãŸã®ã§ã€Haskellã§å›³å½¢æç”»ã‚’ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã‚ã‚‹ Diagrams ã‚’ä½¿ã£ã¦è¡Œã„ã¾ã—ãŸã€‚ ãƒ“ãƒƒãƒˆæ¼”ç®—ã‚’é§†ä½¿ã—ã¦ãƒ“ãƒƒãƒˆã‚’ä¸¦ã³æ›¿ãˆã‚‹ã‚ˆã†ãªã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã¯å¥½ããªã®ã§ã™ãŒã€ãã†ã—ãŸã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã¯æ¦‚ã—ã¦æš—å·ã˜ã¿ã¦ã„ã¾ã™ï¼ˆãƒ“ãƒƒãƒˆåè»¢ ãªã©ãŒä¾‹ï¼‰ã€‚ãã®æ‰‹ã®ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã‚’ä¸Šæ‰‹ãç”»åƒã§è¡¨ç¾ã™ã‚‹ã€ã‚ãšã‚‰ã—ã„è©¦ã¿ã‹ã¨æ€ã„ã¾ã™ã€‚ ãƒ“ãƒƒãƒˆãƒœãƒ¼ãƒ‰ã¨ã¯ ãƒªãƒãƒ¼
nsyee 2013/12/25
haskell

visualization

SVG
ãƒªãƒ³ã‚¯
mdaines/viz.js: A hack to put Graphviz on the web.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
nsyee 2013/11/25
Graphviz

javascript

SVG
ãƒªãƒ³ã‚¯
Cinder
nsyee 2013/05/03
haskell

Fay

javascript

functional

SVG

DOM
ãƒªãƒ³ã‚¯
File:Haskell-Logo.svg - Wikimedia Commons
nsyee 2012/06/16
haskell

logo

SVG
ãƒªãƒ³ã‚¯
Rickshaw - A JavaScript Toolkit For Creating Interactive Time Series Graphs
nsyee 2012/04/24
javascript

visualization

SVG
ãƒªãƒ³ã‚¯
Mostbet Ð·ÐµÑ€ÐºÐ°Ð»Ð¾ â€“ Ñ€Ð°Ð±Ð¾Ñ‡Ð°Ñ ÑÑÑ‹Ð»ÐºÐ° Ð½Ð° Ð¾Ñ„Ð¸Ñ†Ð¸Ð°Ð»ÑŒÐ½Ñ‹Ð¹ ÑÐ°Ð¹Ñ‚ ÐœÐ¾ÑÑ‚Ð±ÐµÑ‚
01.09.2024 ÐœÐ¾ÑÑ‚Ð±ÐµÑ‚, Ð½Ð°Ñ‡Ð°Ð² ÑÐ²Ð¾ÑŽ Ð´ÐµÑÑ‚ÐµÐ»ÑŒÐ½Ð¾ÑÑ‚ÑŒ Ð² 2009 Ð³Ð¾Ð´Ñƒ, Ð±Ñ‹ÑÑ‚Ñ€Ð¾ Ð·Ð°Ð²Ð¾ÐµÐ²Ð°Ð» Ñ€ÐµÐ¿ÑƒÑ‚Ð°Ñ†Ð¸ÑŽ Ð½Ð°Ð´ÐµÐ¶Ð½Ð¾Ð³Ð¾ Ð¾Ð½Ð»Ð°Ð¹Ð½-Ð±ÑƒÐºÐ¼ÐµÐºÐµÑ€Ð°, Ð¿Ñ€ÐµÐ´Ð¾ÑÑ‚Ð°Ð²Ð»ÑÑ ÐºÐ°Ñ‡ÐµÑÑ‚Ð²ÐµÐ½Ð½Ñ‹Ðµ ÑƒÑÐ»ÑƒÐ³Ð¸ Ð½Ð° Ð¾ÑÐ½Ð¾Ð²Ðµ Ð»Ð¸Ñ†ÐµÐ½Ð·Ð¸Ð¸ Ð¸Ð·Ð²ÐµÑÑ‚Ð½Ð¾Ð³Ð¾ Ñ€ÐµÐ³ÑƒÐ»ÑÑ‚Ð¾Ñ€Ð° Ñ Ð³Ð¾Ð»Ð¾Ð²Ð½Ñ‹Ð¼ Ð¾Ñ„Ð¸ÑÐ¾Ð¼ Ð½Ð° Ð¾. ÐšÑŽÑ€Ð°ÑÐ°Ð¾. ÐŸÐ¾Ð»ÑŒÐ·Ð¾Ð²Ð°Ñ‚ÐµÐ»Ð¸ Ð²Ñ‹ÑÐ¾ÐºÐ¾ Ñ†ÐµÐ½ÑÑ‚ ÐºÐ¾Ð¼Ð¿Ð°Ð½Ð¸ÑŽ Ð·Ð° ÑˆÐ¸Ñ€Ð¾ÐºÐ¸Ð¹ Ð²Ñ‹Ð±Ð¾Ñ€ ÑÐ¿Ð¾Ñ€Ñ‚Ð¸Ð²Ð½Ñ‹Ñ… ÑÐ¾Ð±Ñ‹Ñ‚Ð¸Ð¹, Ð²Ð½Ð¸Ð¼Ð°Ñ‚ÐµÐ»ÑŒÐ½Ð¾Ðµ Ð¾Ñ‚Ð½Ð¾ÑˆÐµÐ½Ð¸Ðµ Ðº ÐºÐ»Ð¸ÐµÐ½Ñ‚Ð°Ð¼ Ð¸ Ð¼Ð³Ð½Ð¾Ð²ÐµÐ½Ð½Ñ‹Ðµ Ð²Ñ‹Ð¿Ð»Ð°Ñ‚Ñ‹. ÐÐµÑÐ¼Ð¾Ñ‚Ñ€Ñ Ð½Ð° Ð³ÐµÐ¾Ð³Ñ€Ð°Ñ„Ð¸Ñ‡ÐµÑÐºÐ¸Ðµ Ð¾Ð³Ñ€Ð°Ð½Ð¸Ñ‡ÐµÐ½Ð¸Ñ Ð¸ Ð±Ð»Ð¾ÐºÐ¸Ñ€Ð¾Ð²ÐºÐ¸ Ð²
nsyee 2012/03/20
javascript

UI

maps

visualization

SVG
ãƒªãƒ³ã‚¯
Graphene | Dashboard
A D3.js, Backbone.js based Graphite Dashboard Toolkit. View on Github Follow @jondot
nsyee 2012/03/07
javascript

visualization

Backbone

SVG
ãƒªãƒ³ã‚¯
D3 for Mere Mortals
By Luke Francl ([email protected]), August 2011 d3.js is a data visualization library by Mike Bostock, who is also the primary creator of Protovis, which D3 is designed to replace. D3 has a steep learning curve, especially if (like me) you are not used to the pixel-precision of graphics programming. To build a visualization with D3, you need to understand JavaScript objects, functions, and the me
nsyee 2011/08/13
visualization

javascript

canvas

SVG
ãƒªãƒ³ã‚¯
Protovis
Protovis Protovis composes custom views of data with simple marks such as bars and dots. Unlike low-level graphics libraries that quickly become tedious for visualization, Protovis defines marks through dynamic properties that encode data, allowing inheritance, scales and layouts to simplify construction. Protovis is free and open-source, provided under the BSD License. It uses JavaScript and SVG
nsyee 2011/06/02
javascript

SVG

visualization
ãƒªãƒ³ã‚¯
SWF LOVE (ASã‚’ä½¿ã‚ãªã„Flashå‹‰å¼·ä¼š)
nsyee 2011/05/02
flash

SVG

binary
ãƒªãƒ³ã‚¯
GitHub - dodo/node-raphael: using the beautiful SVG library RaphaÃ«l in Node.js to generate svg-data
nsyee 2011/04/30
Node.js

CoffeeScript

SVG
ãƒªãƒ³ã‚¯
SVGå¥³åã‚’90%è»½ãã—ãŸSVGè»½é‡åŒ–ãƒ†ã‚¯+Î± #svggirl
ã‚ã„ã¤ä»•äº‹ã—ã¦ãªã„ã§å¥³ã®åã®ã‚¤ãƒ©ã‚¹ãƒˆã°ã£ã‹ã‚Šã„ã˜ã£ã¦ã‚‹ãžã¨é™°ãªãŒã‚‰è¨€ã‚ã‚Œã¦ã„ãŸå–œç´ã§ã™ã€‚ HTML5ã§å‹•ãSVGã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€ŒSVGå¥³åã€ãŒãƒ©ã‚¹ãƒ™ã‚¬ã‚¹ã§ã®ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆåŸºèª¿è¬›æ¼”MIX11ã§å…¬é–‹ã•ã‚Œã€ ä¸–ç•Œã‚’ï¼ˆã„ã‚ã‚“ãªæ„å‘³ã§ï¼‰é©šã‹ã—ã¦ãã¾ã—ãŸãŒã€ ã¤ã„ã«æœ¬æ—¥ã€æ—¥æœ¬ã§ã‚‚å…¬é–‹ã•ã‚Œã¾ã—ãŸï¼ ã—ã‹ã‚‚æ—¥æœ¬ç‰ˆã«åˆã‚ã›ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚é•·ããªã£ã¦ã„ã¾ã™ï¼ ã“ã£ãã‚Šãƒ–ãƒ©ã‚¦ã‚¶ã‚’è‹±èªžã«ã—ã¦è¦‹ã¦ã„ãŸäººã‚‚å¿…è¦‹ã§ã™ï¼ ï¼ˆç¥žé¢¨å‹•ç”»ã•ã‚“ã«ã‚ˆã‚‹äºˆå‘Šç·¨å‹•ç”»ï¼ï¼‰ ç¥žé¢¨å‹•ç”»ã•ã‚“ã«ã‚ˆã‚‹ãƒã‚¤ã‚¯ã‚ªãƒªãƒ†ã‚£ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’SVGã§å†ç¾ã™ã‚‹ã¨è¨€ã†è©¦ã¿ã€ ãƒ—ãƒã‚°ãƒ©ãƒ ã«ã¤ã„ã¦ã¯ SVG Girlã®å…¬é–‹ã¨å†…éƒ¨å®Ÿè£…ï¼ˆãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ãƒ–ãƒã‚°ï¼‰ ã§æ‹…å½“ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã®å¾éƒ·ãŒèª¬æ˜Žã—ã¦ã„ã¾ã™ãŒã€ã¨ã«ã‹ã ã„ã‹ã«SVGã‚’ãã‚Œã„ã«è»½ãã™ã‚‹ã‹ãŒæœ€é‡è¦ï¼ SVGã¨ã„ãˆã°æ‹¡å¤§ã—ã¦ã‚‚è’ã‚Œã‚‹äº‹ã®ç„¡ã„ãƒ™ã‚¯ã‚¿ãƒ¼å½¢å¼ã§ã€pngã‚ˆã‚Šã‚‚è»½ãã¤ãã‚ŒãŸã‚Šã™ã‚‹ã“ã¨ã§ä½¿ã‚ã‚Œã¦ã„ã¾ã™ãŒã€ ä»Šå›ž
nsyee 2011/04/26
SVG

illustrator

kayac
ãƒªãƒ³ã‚¯
d3.js - Data-Driven Documents
nsyee 2011/04/19
javascript

visualization

graph

diagram

SVG

canvas
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸