【追記あり】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
私のサイトは"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を入れて投げるとこっちも
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
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
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
リバーシのビットボードの操作アルゴリズムのDiagramsを使った可視化
作成日時 2013年12月22日 06:06 JST 最終更新日時 2015年09月08日 22:27 JST タグ Haskellアルゴリズム この記事は Haskell Advenct Calender の17日目の記事です。遅れてしまって申し訳ありません。svg画像が表示できるブラウザで閲覧してください。 学科の課題で夏休みにHaskellで リバーシAIの実装 を行ったのですが、その際に考えた盤面処理のアルゴリズムを画像として可視化したいなと思っていたので、Haskellで図形描画をするライブラリである Diagrams を使って行いました。 ビット演算を駆使してビットを並び替えるようなアルゴリズムは好きなのですが、そうしたアルゴリズムは概して暗号じみています（ビット反転 などが例）。その手のアルゴリズムを上手く画像で表現する、めずらしい試みかと思います。 ビットボードとは リバー
Mostbet зеркало – рабочая ссылка на официальный сайт Мостбет
14.04.2024 Мостбет, начав свою деятельность в 2009 году, быстро завоевал репутацию надежного онлайн-букмекера, предоставляя качественные услуги на основе лицензии известного регулятора с головным офисом на о. Кюрасао. Пользователи высоко ценят компанию за широкий выбор спортивных событий, внимательное отношение к клиентам и мгновенные выплаты. Несмотря на географические ограничения и блокировки в
D3 for Mere Mortals
By Luke Francl (look@recursion.org), 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
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
SVG女子を90%軽くしたSVG軽量化テク+α #svggirl
あいつ仕事してないで女の子のイラストばっかりいじってるぞと陰ながら言われていた喜納です。 HTML5で動くSVGアニメーション「SVG女子」がラスベガスでのマイクロソフト基調講演MIX11で公開され、 世界を（いろんな意味で）驚かしてきましたが、 ついに本日、日本でも公開されました！ しかも日本版に合わせてアニメーションも長くなっています！ こっそりブラウザを英語にして見ていた人も必見です！ （神風動画さんによる予告編動画！） 神風動画さんによるハイクオリティアニメーションをSVGで再現すると言う試み、 プログラムについては SVG Girlの公開と内部実装（プログラマーブログ） で担当プログラマーの吾郷が説明していますが、とにかく いかにSVGをきれいに軽くするかが最重要！ SVGといえば拡大しても荒れる事の無いベクター形式で、pngよりも軽くつくれたりすることで使われていますが、 今回
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fabric.js Javascript Canvas Library
Vector Magic Precision Bitmap To Vector Conversion Online
mdaines/viz.js: A hack to put Graphviz on the web.
Cinder
File:Haskell-Logo.svg - Wikimedia Commons
Rickshaw - A JavaScript Toolkit For Creating Interactive Time Series Graphs
Graphene | Dashboard
SWF LOVE (ASを使わないFlash勉強会)
GitHub - dodo/node-raphael: using the beautiful SVG library Raphaël in Node.js to generate svg-data
d3.js - Data-Driven Documents
