Day 167 of 180 Days of Data Viz Learning #jfdi #dataviz #doneisbetterthanperfect

I’m doing some form of data visualization learning for 180 days because I need to #JFDI.

See post explaining how and why I’m doing this.

Code Learning:

Longer Takeways since took the weekend off

Chapter 3 Data-Driven Design and Interaction

  • A modal dialogue is a way of describing a “floating area” that typically only shows up when you click an element. Typicaly, youou write HTML table file separately in another file.
  • Example of a function to create a div with ID “model” to add loaded HTML code using .html() function:
    d3.text(“resources/modal”, function(data) {“body”).append(“div”).attr(“id”, “modal”).html(data)

    teamG.on(“click”, teamClick);

    function teamClick(d) {
    .html(function(p) {
    return p
    If you use d3.html(), you get HTML nodes that allow to do more sophisticated manipulation.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s