Apps + Exploration

For this meetup we'll be focusing on more complex app structure and also the data exploration side of visualizations. We'll have a talk focusing on Crossfilter.js, and another on integrating D3 and Backbone.js. Beer and food will be provided by GeekdomSF. Talks will begin promptly at 7:00pm.

SPONSOR INFORMATION
GeekdomSF is a collaborative space for developers.  We bring together the right people to scale ideas faster through: industry connections, mentorship, and events.

SCHEDULE
6:30-7:00 Social and Food
7:00-8:00 Main Talks
8:00-8:30 Rapid Fire Show-and-Tell
8:30-9:00 Social

TALK SUMMARIES

Shirley Wu: "Adventures with D3.js and Backbone.js"

D3.js makes it easy to render complex visualizations, and Backbone.js makes it easy to manage complex web applications.  Together, they make it possible to build powerful tools in the browser.  It is not, however, always straightforward how the two should be combined and used together.  This talk will go through several approaches I have taken in marrying Backbone and D3, and will build upon the last Bay Area D3 Meetup talks on D3.js + MV* frameworks.

Shirley (@shirleyxywu) hails from the dark halls of business school, where she had planned out a life in finance, disillusioned as she was.  Then she took a Computer Science class and watched a TED talk by Aaron Koblin ("Visualizing Ourselves...with crowd-source data"), and found her life's calling.  Two and a half years later, she happily codes apps for tech company Splunk, and messes around with visualizations and small data-sets at night.

Miles McCrocklin "Coordinated Visualizations - An introduction to crossfilter.js"

We will be creating interactive, tightly coupled visualizations. We will look at some great examples of coordinated visualizations and discuss where this motif is beneficial for designing your systems and potential pitfalls. We will then explore the crossfilter.js API and its limitations which will help us develop the skills necessary to create systems that allow users to visually* explore data.

*The dc.js charting library will be leveraged to focus the conversation to crossfilter.js' API and not on how to build the components of a coordinated visualization.

Miles (@milr0c) has a passion for data science and cares greatly about improving the comprehension of data and information through data representation and product design. He loves to learn and explore – especially through travel.  He is currently working on design and engineering at Bluenose Analytics and is a co-organizer of @sfdatamining and Bay Area D3 User Group.

Show and tell 2-minute presentations showing off what the community is working on. Leave a comment or message the organizers to sign up!


Join or login to comment.

  • Ian J.

    2 · August 25, 2013

  • Kyle H.

    Super enjoyed the presentations. It's awesome to hear from and see the work of so many people passionate about data visualization. It's a great catalyst for ideas and inspiration.
    Quite interested in connecting more with people and hearing more about what people are working on. Feel free to send me a connect on linkedin email kylelf at gmail.com

    1 · August 23, 2013

  • Chris M.

    This is an awesome group...many thanks to Ian, Ed and everyone else. I video showing D3 usage on zoomdata is here
    http://www.youtube.com/watch?v=R7_UbmcDg20

    and here is a link to our "how to hook up D3 studio http://support.zoomdata.com/link/portal/30043/30059/Article/9/How-do-I-create-custom-visualizations

    1 · August 23, 2013

  • Miles M.

    Hey all, the slides for "Coordinated Visualziations" are available: http://bl.ocks.org/milroc/raw/6316349

    If you have any questions feel free to comment here or reach out to me, I'd be happy to answer any of them.

    2 · August 23, 2013

  • Ed R.

    Thanks everyone who came out! I had a great time watching all the talks and talking to everyone after.

    1 · August 23, 2013

  • A former member
    A former member

    The pizza was great

    August 23, 2013

    • Alex

      The pizza was gone!

      August 23, 2013

  • Alex

    Thanks for a great meet up, met some great people and enjoyed the chance to do a (unanticipated) lightning talk on R, shiny and d3. For those interested, the demo and a link to github is here: http://glimmer.rstudio.com/alexbbrown/g3plot/, and if someone can tell me how to upload files, I'll post the presentation on shiny I gave at the R users group

    3 · August 22, 2013

    • Alex

      Here's the R shiny presentation from the BARUG meet up in ?April: http://www.slideshare...­

      1 · August 22, 2013

    • al

      Thanks for these links, Alex!

      August 23, 2013

  • al

    Thanks Ian and Ed for organizing this! Had a great time putting some faces to names and chatting with you all afterwards.

    My lil' Muni project is here if anyone wants to poke around:
    https://github.com/cmdoptesc/muninow

    And if you'd like to use the Nextbus XML feed, here's a PDF with the info:
    http://www.nextbus.com/xmlFeedDocs/NextBusXMLFeed.pdf

    See you all in September!

    August 23, 2013

  • Shirley Xueyang W.

    It was great meeting everyone yesterday, and it was awesome talking to you after the presentations and getting feedback.

    Here are my slides: http://db.tt/9SLrG7Nq

    The 2nd and 3rd projects I mentioned in my presentation are also up on my github, so you can look at the code that I didn't quite have the time to mention yesterday (please don't judge too harshly haha).
    Splunking jQuery Conf: https://github.com/sxywu/Splunking-jQuery-Conf
    Rage cage: https://github.com/sxywu/ragecaging-sf

    2 · August 23, 2013

  • Joe Z.

    Thanks for letting me demo guys. My proj is at https://github.com/josephyzhou/HackerNewsTrends

    August 23, 2013

  • Ken P.

    I really enjoyed the demos, seeing what other people are up to. The backbone-d3 demo gave me some thoughts about an issue I'm facing at work..

    August 22, 2013

  • Sang Q.

    Great. Well organized

    August 22, 2013

  • Daniel D.

    The presenters were great, but I don't feel as if I've learned much. I suppose I'm looking more for a great designer to break down how a design was thought up or how the d3 code was organized. Making little projects on bl.ocks.org is great, but how does one go about designing something bigger?

    1 · August 22, 2013

    • Alex

      bigger in what way? bigger in terms of server side, or more complex browser side?

      1 · August 22, 2013

  • Adil L.

    The post-presentation "lightning demos" were very good!

    August 22, 2013

  • Robweedn

    I'm working on an app which is charting startup company data, investor behavior, and a bunch of other cool stuff. As we integrate a large database from many web-based apis and web scrapers, i'd like to start talking with folks in this community!

    I'd love to chat about about how folks would like to explore the data, if anyone can suggest d3 libraries to use, if anyone wants to work on the project as a contractor.

    August 22, 2013

  • Dennis W.

    How does crossfilter work under the covers? Can it be hooked up to a pubsub library or is there another way to make it work with other UI toolkits like jquery, flot, highcharts, etc.

    August 21, 2013

    • Miles M.

      I should also note that the groups and dimensions are listening to any manipulations that happen to the underlying data from the source:
      // The group listens to the crossfilter for when any dimension changes, so
      // that it can update the associated reduce values. It must also listen to
      // the parent dimension for when data is added, and compute new keys.
      filterListeners.push(upd­ate);
      indexListeners.push(add);­

      August 22, 2013

    • Dennis W.

      I should phrase my question more directly. How can I use crossfilter in a more traditional, non-d3 setup?

      August 22, 2013

  • Stoney V.

    gave my spot up to the waiting list. next time

    August 22, 2013

  • Jeff Z.

    Thought I would be there tonight (interested in others' approaches to D3 / MV* integration), but need to jump ship for the GeoSF meetup. Hope someone on the waitlist can grab my spot and enjoy!

    August 22, 2013

  • Chris M B.

    I'm attending via the +1 option. In that case, is there a way to mark myself as attending?

    August 22, 2013

  • Indhira

    Indhira Rojas

    August 17, 2013

  • Adelaide

    Darn! I have to get on a plane at 9pm in San Jose.

    August 12, 2013

  • Adelaide

    Want to master D3.js and Crossfilter.js this year!

    August 12, 2013

Sometimes the best Meetup Group is the one you start

Get started Learn more
Rafaël

We just grab a coffee and speak French. Some people have been coming every week for months... it creates a kind of warmth to the group.

Rafaël, started French Conversation Group

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