Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

New section: Tutorials #36

Open
angiehjort opened this issue Apr 7, 2017 · 0 comments
Open

New section: Tutorials #36

angiehjort opened this issue Apr 7, 2017 · 0 comments
Assignees

Comments

@angiehjort
Copy link
Member

angiehjort commented Apr 7, 2017

Most of the knowledge that people need about vizabi right now can be communicated well in form of tutorials.

** Index
Let "tutorials" page have an index
let every item in the index have: a picture, a title, a subtitle, a level of difficulty
Different items lead to different places

img_20170406_185111

** embed a gapminder chart
first item: "embed a gapminder chart" should lead to page "examples", the one we already have

upload all vizabi js and css somewhere public (on s3 or github might do as well)
reference config files from github
this will make the code minimalistic, like this:

<script vizabi> <script bubble chart> <script ws-reader> <script vizabi config>
<script> Vizabi.(bubblechart, #container) </script>

If copy-pasted into a plain webpage it should make a picture

**second item
second item leads to a super advanced page: CONFIG EXPLORER
on this page we should have vizabi container and state json as connected views
if we change something in vizabi then it updates in the state text
but we can not just change the state text freely, instead let's offer controls within the text, for example language selector, or playing true-false
the state is long, so it should be possible to collapse parts of it
pls try to find a ready-made solution for this
you can go creative, much freedom here =)

img_20170406_185127

** Other items
are just markdown pages with tutorials

@kuguarpwnz kuguarpwnz self-assigned this Apr 7, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants