Iconoir | Free IconsA high-quality selection of free icons. Your new alternative to Noun Project, Flaticon, and all Figma resources. Available in SVG, Font, React, React Native, Flutter, Figma and Framer.
Vue.jsã§D3.jsを使ã‚ãšã«ã‚°ãƒ©ãƒ•ã‚’実装ã™ã‚‹ - Qiita
Vue.jsã§ã‚°ãƒ©ãƒ• を実装ã™ã‚‹ã‚µãƒ³ãƒ—ルコードを探ã™ã¨D3.jsを用ã„ã¦ã„る例ãŒçµæ§‹è¦‹ã¤ã‹ã‚Šã¾ã™ã€‚ ã—ã‹ã—本当ã«D3.jsãŒå¿…è¦ãªã®ã§ã—ょã†ã‹ï¼Ÿ ã“ã®è¨˜äº‹ã§ã¯D3.jsã‚„ãã®ä»–グラフライブラリを用ã„ãšã«Vue.jsã®ã¿ã§å®Ÿè£…ã—ãŸã‚°ãƒ©ãƒ•ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ TL;DR SVGã§ãŠï½‹ グラフコンãƒãƒ¼ãƒãƒ³ãƒˆã«SVGã®ãƒ†ãƒ³ãƒ—レートを書ã テンプレートã«å¿…è¦ãªå€¤ã‚’ computed ã§ã˜ã‚ƒã‚“ã˜ã‚ƒã‚“作る デモã¨ãƒªãƒã‚¸ãƒˆãƒª デモ： https://haribote.github.io/vue-graph-demo/ リãƒã‚¸ãƒˆãƒª: https://github.com/haribote/vue-graph-demo 折れ線グラフã€æ£’グラフã€å††ã‚°ãƒ©ãƒ•ã€ã®3ã¤ã®ã‚°ãƒ©ãƒ•ã‚’実装ã—ã¦ã¿ã¾ã—ãŸã€‚ データã®å†…容ã¯ãƒ—ãƒé‡Žçƒã«ãŠã‘ã‚‹ç›´è¿‘5シーズンã®å¹´é–“å…¥å ´è€…æ•°ã§ã™ã€‚ NPBãŒå…¬é–‹ã—ã¦ã„る統計データã‹ã‚‰JSONを用æ„ã—ã¾ã—ãŸ
グリグリ動ãUIã‚’Vueã¨SVGã§ã‚µã‚¯ãƒƒã¨æ›¸ã - No Regrets in Bathing
ã“れ㯠Vue.js #3 Advent Calendar 2017 – Qiita 4日目ã®è¨˜äº‹ã§ã™ã€‚ ã“ã‚“ã«ã¡ã¯ã€‚SVGã§è‰²ã€…ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’作ã£ã¦ã„ã‚‹ã‚‚ã®ã§ã™ã€‚最近ã®ä½œå“ã¯ä¸‹è¨˜ã®ã‚ˆã†ãªæ„Ÿã˜ã§ã™ã€‚ Webã§ã‚°ãƒªã‚°ãƒªå‹•ãUIを作りãŸã„ï¼ï¼ã¨ã„ã†ä¸€å¿ƒã§ã‚„ã£ã¦ã„ã¾ã™ã€‚ ã“れらã¯ã»ã¨ã‚“ã©SVGã¨Vueã®çµ„ã¿åˆã‚ã›ã®ã¿ã§ä½œã£ã¦ã„ã¾ã™ã€‚ä¾å˜ãŒå°‘ãªã„ã¨ã„ã†ã®ã¯å¤§äº‹ã§ã€ãƒ©ã‚¤ãƒ–ラリ間ã®ç›¸æ€§ã§ãƒãƒžã£ãŸã‚Šã€ã„ã‚ã‚“ãªãƒ‰ã‚ュメント間を往復ã™ã‚‹ã“ã¨ãŒãªããªã‚Šã¾ã™ã€‚ Webã§ã‚°ãƒªã‚°ãƒªå‹•ãUIを作るã®ã¯åŸºæœ¬çš„ã«ã‚ã‚“ã©ãã•ã„ã§ã™ã€‚jQuery pluginを駆使ã—ã¦ä½œã‚‹ã®ã‚‚é—‡ãŒå¤šã„ã§ã™ã—ã€divã‚„canvasをゴリゴリã™ã‚‹ã®ã‚‚çµæ§‹æ‰‹é–“ãŒã‹ã‹ã‚Šã¾ã™ã€‚ ã§ã™ãŒã€æœ€è¿‘ã¯SVGã§é«˜åº¦ãªUI実装ã•ã‚Œã‚‹ã“ã¨ãŒå¢—ãˆã¦ããŸæ°—ãŒã—ã¾ã™ã€‚特ã«è‡ªåˆ†ãŒè¡æ’ƒã‚’å—ã‘ãŸã®ã¯ã€CacooãŒFlashã‹ã‚‰SVGã«ã‚¹ã‚¤ãƒƒãƒã—ãŸã“ã¨ã§ã™ã€‚ nulab-i
æ±äº¬ã®é‰„é“路線図SVGを作りã¾ã—ãŸï¼†ãƒ‘ブリックドメインã§é…布ã—ã¾ã™
æ±äº¬ã®é‰„é“路線図SVGを作りã¾ã—ãŸï¼†ãƒ‘ブリックドメインã§é…布ã—ã¾ã™ ãƒãƒ³ãƒ‰ãƒ³åœ°ä¸‹é‰„路線図ã§ã®ä½œå›³æ–¹æ³•ã«åŸºã¥ã„ãŸæ±äº¬ã®é‰„é“路線図を作ã£ãŸã®ã§å…¬é–‹ãƒ»é…布ã—ã¾ã™ time2014/12/20 hatenabookmark- Illustratorを使ã£ã¦ã€æ±äº¬åœã®äº¤é€šè·¯ç·šå›³ã‚’作りã¾ã—ãŸã€‚ ç¾åœ¨ã€ã“れを書ãã ã—ãŸSVGファイルを以下ã«ç½®ã„ã¦ã€ã‚¦ã‚§ãƒ–上ã‹ã‚‰è¦‹ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã™ã€‚ã¾ã マップã¨ã—ã¦å¤§ã—ãŸå‡¦ç†ã¯ã—ã¦ã„ãªã„ã®ã§ã€PCã¨ã‹ã ã¨ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒé¢å€’ã§ã™ãŒã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã‚¿ãƒƒãƒç«¯æœ«ã ã¨ãã“ãã“見られるã¨æ€ã„ã¾ã™ã€‚ ãªãŠã€AIファイル・SVGファイルã¯ãƒ‘ブリックドメイン(CC0)ã¨ã—ã¾ã™ã®ã§ã€é…布・改変・販売å«ã‚ã€ç…®ã‚‹ãªã‚Šç„¼ããªã‚Šå¥½ãã«ä½¿ã£ã¦ã„ãŸã ã„ã¦ã‹ã¾ã„ã¾ã›ã‚“。 railmaps - github ã©ã†ã—ã¦æã„ãŸã®ï¼Ÿ 昔ã‹ã‚‰ãƒãƒªãƒ¼ãƒ™ãƒƒã‚¯æ°ã®ãƒãƒ³ãƒ‰ãƒ³åœ°ä¸‹é‰„路線図ãŒã¨ã¦ã‚‚好ãã§ã€è‡ªåˆ†ã‚‚ã“ã†ã„ã†ã‚‚
Two.js
TIP Prior to v0.7.0-alpha.1 Two.js requires Underscore.js and Backbone.js Events. If you're already loading these files elsewhere then you can build the project yourself and get the file size even smaller. For more information on custom builds check out the source on github. # Overview Overview # Focus on Vector Shapes Two.js is deeply inspired by flat motion graphics (opens new window). As a resu
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - tailwindlabs/heroicons: A set of free MIT-licensed high-quality SVG icons for UI development.
Illustrations | unDraw
svg/svgo: Nodejs-based tool for optimizing SVG vector graphics files.
GitHub - one2team/highcharts-serverside-export: Server side export for highcharts
Evil Icons
{{#tags}}- {{label}}
{{/tags}}