Giter Club home page Giter Club logo

visdown's Introduction

Visdown

Make visualisation using markdown

Demo -> http://visdown.com/

Allows you to write json specification in simple yaml and uses marked and vega-lite (or vega) to convert those specific code blocks in to svg.

visdown's People

Contributors

amitkaps avatar domoritz avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

visdown's Issues

Joining forces with markdown-preview-enhanced

Hi Amit!

I came across your project recently and really liked the fact that you're using yamls for vega specs instead of json. That's much better for us humans indeed!

After some further browsing, I discovered that an atom/vscode plugin called markdown-preview-ehnacend also supports vega and vega-lite inside markdown, both as json and yaml:
https://shd101wyy.github.io/markdown-preview-enhanced/#/diagrams?id=vega-and-vega-lite

The functionality is taken from an upstream library called mume, which is a rather standard nodejs package. See vega.ts and vega-lite.ts there.

I'm not involved in those projects, just walking past thinking that the world can become an even better place if you join forces :โ€“) Thanks for what you've already done and good luck in future!

Would it be hard to use vega instead of vega-lite, when that is necessary?

Hey, first: this is great stuff, thanks for making it!

Now, vega-lite looks amazing, but at the moment it does not support interactive stuff yet; I know it's planned but I'm a bit impatient. So I was just wondering how hard it would be to replace vega-lite with vega in this build process you outlined on the Google groups message:

It uses the following three libraries
yaml -> json (using yaml.js)

json -> vega-lite -> svg (using vegalite.js)

markdown -> html (using marked.js)

My hunch is that it just requires tweaking this line but I've only just discovered vega and vega-lite and still have to dig down into the specs and such.

Wrap this in electron?

A number of my colleagues like this.
We think it might be useful to wrap this as an electron app so you can preview visdown file offline.
Then you can make the app open a special variation of markdown (e.g., *.v.md files) for your app.

The reason for .v.md is that the file will still be recognized by other editors as markdown.

(We are using *.vl.json and *.vg.json for Vega-Lite and Vega apps too.)

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.