getting started + uploading json data

[HisHighnessDog]

I'm just getting started with Tributary.io.

(1) How do I either upload a json file or point my d3.js script at one stored online somewhere?

(2) Can anyone direct me to a getting started tutorial? (I've played with some of the hosted examples, but I'm trying to set one up from scratch)

Thanks

[HisHighnessDog]

(adding to my post: as with json data, how to I associate a css file with my gist?)

[Kristina]

To upload a json file

1.  Right above the code portion on the right side of the screen you'll see a blue inlet.js button. To the right of that is a button with a + on it. Click it, and name your data something.json This tells tributary that you have a json file and attaches it to the tributary object
   
2. In your code, do var something = tributary.something; The tributary.something has to match the file name (without extension) of your json file. The variable can be named whatever you want. This gets a bit tricky with json to know you're getting to the right part, but doing console.log of your variable should help you.
3. An example of that is here http://tributary.io/inlet/5802441 Line 4 is where I get the data in. You'll see I had to go in one .data because of the way the json is structured.

To attach a css

1. Do the same as 1 above, only naming it style.css That name is enough to make your file usable by tributary
2. See the old user pages for an example http://tributary.io/inlet/5860371 

There isn't really a tutorial - I know Enjalot's been looking to do documentation for a bit but has been busy :) 

Good luck!

[Ian Johnson]

Thanks for breaking it down Kristina!

Unfortunately Ive been horrible about documentation... The closest thing would be my videos using tributary. This one involves all the things you are trying to do:
http://youtu.be/7onrFA0hWog
I have a few playlists worth covering various d3 concepts all using tributary.

--
You received this message because you are subscribed to the Google Groups "Tributary" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tributary+...@googlegroups.com.
Visit this group at http://groups.google.com/group/tributary.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

[HisHighnessDog]

Thank you, everyone!

[dave thorneycroft]

Hi Ian , Im enjoying your frontend masters course , its really informative.  Does Tributory.io work right now.  I am starting from a clean slate.  Go to the editor, select add a file - add name and json data but the file doesn't appear to be added . It just sits there  and I cannot go back to the inlet.js file .  I followed your example from the you tube video but it just doesn't appear to work ?

Can you explain where I am going wrong it seems such a simple thing to do .

Thanks for your time . Once again great video course.

[dave thorneycroft]

Its OK I just pressed return and it worked OK.  Thanks

[Ian Johnson]

Hi Dave,

Sorry for the delayed response! I'm glad you figured it out. Tributary definitely has its UX holes...

I've moved on to a new project with the same goals: http://blockbuilder.org

you might find it more suitable for learning/practicing d3.

enjoy!

Visit this group at https://groups.google.com/group/tributary.
For more options, visit https://groups.google.com/d/optout.

--

Ian Johnson - 周彦

http://enja.org