addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-checkcircle-with-crosscircle-with-pluscontroller-playcrossdots-three-verticaleditemptyheartexporteye-with-lineeyefacebookfolderfullheartglobegmailgooglegroupshelp-with-circleimageimagesinstagramFill 1linklocation-pinm-swarmSearchmailmessagesminusmoremuplabelShape 3 + Rectangle 1ShapeoutlookpersonJoin Group on CardStartprice-ribbonprintShapeShapeShapeShapeImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruserwarningyahoo

Create Stunning Data Visualization with D3

Attendees must purchase tickets and RSVP via Eventbrite.

http://stunningdata.eventbrite.com/

Eventbrite - Create Stunning Data Visualization with D3

This presentation delves into D3 code samples, and how to combine D3 with CSS3 and HTML5 Canvas to create hybrid mobile applications that you can deploy to Android devices and to Google Glass.

D3 is an open source JavaScript library whose emphasis on web standards provides the full capabilities of modern browsers, combining powerful visualization components and a data-driven approach to DOM manipulation. D3 leverages HTML, JavaScript, CSS, and HTML5 Canvas and also provides a layer of abstraction over SVG, all of which enables you to create a remarkable range of data visualizations.

This presentation was given at OWC and was a huge success!

Presented by: Oswald Campesato

Oswald is passionate about education: a former PhD Candidate in Mathematics (ABD), with 4 Masters/Bachelors degrees. Previously he worked in South America, Italy, and the French Riviera, and he traveled to 70 countries throughout the world.

He has worked from C/C++/Java developer to CTO, currently in a stealth start-up. He’s comfortable in 4 languages and trying to learn Japanese. He enjoys technology, and he’s working on his 13th book, which is his 4th HTML-related book.

Join or login to comment.

  • A former member
    A former member

    Sorry to say this, but the lesson was just boring: it was a weird mix of going too quickly into the detail without exploring enough of the concepts behind the "d3 way" and yet none of the examples had any practical application. I was very disappointed.

    August 15, 2013

    • Oswald C.

      No need to apologize: there were two distinct groups (roughly a 50/50 split) in terms of technical background, and I usually lean toward helping the neophytes. However, it's always a good idea to be more precise about the 'target audience', thereby reducing the chance of people feeling bored.

      August 15, 2013

    • Gilberto M.

      Since I already had a basic idea of how D3 works and being tired of trying to use Processing.js in the past for a similar application, I actually found the "benchmarking demo" quite helpful.

      I agree with making the target audience more clear in the future.

      September 13, 2013

  • Nonie K.

    Coming from a UX realm, I was unsure what I would take away from a dev-heavy topic. But overall I think Oswald did a great job at honing in on the basics of what D3 (and CSS3) "can do for you!" Even with my primitive knowledge of frontend development, I was able to grasp the concept presented.

    Based on the comments below, it would be prudent to hold a D3 Part Deux and it be more dev-intensive. I personally may not attend (as I would be completely lost), but seems as though there's interest brewing here!

    I did leave with something fairly substantial (at least to me). Just from casual conversation, was able to see the potential in using this software to visually interpret (and in turn convey to clients) analysis that extends beyond the conventional x/y axis-type data.

    Great job, CascadeSF!! Looking forward to the next one.

    August 20, 2013

  • Andi

    Thanks for the feedback everyone – I really appreciate the honesty. Early next week, I will be sending out a quick survey to find out the levels of expertise and primary focus (UI / UX / CSS / JavaScript) for all CASCADE SF members. This way we can make sure that all the events in the future are on target and exactly what you want to learn.

    August 15, 2013

  • Josh E.

    I'm going to have to agree, from the description, I was thinking the talk would be more about connecting data strategy with visualizations, and how to use data to create awesome and practical data visualizations using d3. This talk would have been better titled as 'd3, css3 and canvas visualization showcase'. As the talk spent more time showing visualizations that had limited use for everyday practical applications, and was more of a technology demo.

    1 · August 15, 2013

    • Dominick G.

      completely agree; the title and description were misleading. I was expecting a talk about the history of the library, its capabilities, how it's being maintained/improved, and successful applications of it, both as side-projects and for businesses, organizations, contests, etc.

      Little throwaway samples and tests are fine, but not when half or more of them use CSS3 or other techniques not exactly relevant to a D3 focus.

      August 15, 2013

  • A former member
    A former member

    The teacher should have done some coding in front of us that we could follow and do ourselves. He just showed examples. Waste of my time and money!

    August 15, 2013

  • James B.

    This event's content was a revelation to me. It was on par with seeing one of the Instagram founders talk at a small database event before they got big. I'm definitely going to use D3 to visualize real-time data for the twitter fire hose.

    August 15, 2013

  • Oswald C.

    I'll also be presenting two sessions at SVCC in October at Foothill College in Los Altos, one of which is HTML5/CSS3 mobile applications (with some details about finding CSS3 performance bottlenecks):
    http://www.siliconvalley-codecamp.com/

    1 · August 15, 2013

  • Eric P.

    I was hoping for more with graphs and less about random geometry

    August 15, 2013

    • Oswald C.

      I'm going to convert some of my 'backlong' of SVG graphs to their D3 counterparts when I have a block of time.

      August 15, 2013

    • Oswald C.

      that would be 'backlog' instead of 'backlong':)

      August 15, 2013

  • Kenny L.

    Sorry I missed this one.

    August 15, 2013

  • Oswald C.

    Links to open source projects containing some of the code samples that were highlighted during tonight's presentation:
    1) https://code.google.com/p/d3-graphics/
    2) https://code.google.com/p/css3-graphics/
    3) https://code.google.com/p/jquery-css3-graphics/

    1 · August 15, 2013

  • Andi

    Spots are almost filled up, if you want to attend, I suggest you reserve a spot ASAP. http://stunningdata.eventbrite.com/

    August 8, 2013

  • Andi

    Does anyone with a D-SLR want to volunteer to take pics at the event (you get in free!)? E-mail me: [masked]

    August 6, 2013

    • Andi

      Thanks! We have someone now.

      August 8, 2013

  • Aaron L.

    Sounds Fun!
    One of my Favorite:
    http://bl.ocks.org/mbostock/4348373

    1 · July 30, 2013

  • Eric P.

    Do I need an eventbrite ticket for this?

    July 26, 2013

  • Andi

    I will be posting the event w/ a location and tickets to the Eventbrite page in the next few days.

    July 27, 2013

  • Jared H.

    Really interested in D3 - seems like a great opportunity to learn more about it.

    July 21, 2013

Our Sponsors

  • Zendesk

    Venue hosting + event sponsor

  • Capital One

    Venue hosting

  • O'Reilly

    Discounts on books & conferences

  • Quantcast

    venue hosting

  • Cooper U

    CooperU offers training in design & leadership.

  • Cloudflare

    Cloudflare is hiring designers. Visit cloudflare.com/join-our-team

  • Galvanize

    Venue hosting

  • AppDynamics

    Venue hosting and sponsor

People in this
Meetup are also in:

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy