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) {
    d3.select(“body”).append(“div”).attr(“id”, “modal”).html(data)
    });

    teamG.on(“click”, teamClick);

    function teamClick(d) {
    d3.selectall(“td.data”).data(d3.values(d))
    .html(function(p) {
    return p
    });
    };
    If you use d3.html(), you get HTML nodes that allow to do more sophisticated manipulation.
Advertisements

Leave a Reply

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

WordPress.com Logo

You are commenting using your WordPress.com 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 )

Google+ photo

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

Connecting to %s