Giter VIP home page Giter VIP logo

tchart-coffee's Introduction

tchart-coffee

Online timing chart formatter that converts a source code of a timing chart into SVG graphics on browsers.
テキストで書かれたタイミングチャートをブラウザ上でSVGに変換します。

It includes a javascript library and an online visual editor, which convert a source text like the following:
javascriptのライブラリとチャートソースエディタを含んでおり、次のようなソースコードを

aclk    ~_~_~_~_~_~_~_~_~_~_
awaddr  ==?X=A1==X=A2X=A3==X==?=X=A4X=?
awvalid __~~~~~~~~~~____~~__
awready ____[~~~~]__[~~]____[~~]__
wdata   ====?X=D1X=D2X=?X=D3X=?X=D4==X=?
wvalid  ____~~~~__~~__~~~~__
wready  ____~~~~__~~____~~__
bresp   ====00================
bvalid  ____~~~~__~~____~~__
bready  ~~~~~~~~~~~~~~~~~~1~~

into a timing chart like:
次のようなチャートに変換できます。

example.svg

The detailed description in Japanese is available.
日本語の詳しい説明はこちらです

謝辞

熊谷正朗さんの "Timing chart formatter by kumagai"
http://www.mech.tohoku-gakuin.ac.jp/rde/contents/library/tchart/indexframe.html

を大いに参考にさせていただきました。

記述文法はほぼ熊谷さんの tchart を踏襲しています。

大変有用なツールをご提供くださったことに感謝いたします。

ライセンス

MIT

tchart-coffee's People

Contributors

osamutake avatar

Stargazers

petitstrawberry avatar  avatar YAGITA Yugo avatar Satoh, Hiroh avatar  avatar

Watchers

 avatar James Cloos avatar Hideki Kameya avatar

tchart-coffee's Issues

% から始まる行の文字列がSVG変換時に、実体参照になりません。

%200 10 <-clockの立上がり
%320 10 <-clockの立上がり
clock  ~~~~~_____~~~~~_____~~~~~_____
reset  ~~~~~~~________________________

のような入力の時、SVGでは、「<」の文字が「&lt;」に変換されていませんでした。XMLのタグの開始文字扱いになってしまうので、修正が必要かと思います。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.