D3.js Workshop I: Visualization with D3.js, Angular and Bootstrap

Avatar
Posted on Sep 10, 2013

[Best_Wordpress_Gallery gallery_type="thumbnails" theme_id="1" gallery_id="37" sort_by="order" order_by="asc" show_search_box="0" search_box_width="180" image_column_number="5" images_per_page="30" image_title="none" image_enable_page="1" thumb_width="200" thumb_height="150" thumb_click_action="undefined" thumb_link_target="undefined" popup_fullscreen="0" popup_autoplay="0" popup_width="800" popup_height="500" popup_effect="fade" popup_interval="5" popup_enable_filmstrip="1" popup_filmstrip_height="70" popup_enable_ctrl_btn="1" popup_enable_fullscreen="1" popup_enable_info="1" popup_info_always_show="0" popup_enable_rate="0" popup_enable_comment="1" popup_hit_counter="0" popup_enable_facebook="1" popup_enable_twitter="1" popup_enable_google="1" popup_enable_pinterest="0" popup_enable_tumblr="0" watermark_type="none" watermark_link="http://web-dorado.com"]

Many thanks go to Krupakar Pasupuleti for giving such a great speech!

------------------------------------

NYC Data Science Academy is offering a relative course:

RSVP Data Visualization with D3.js, Beginner Level

------------------------------------

Meetup Announcement:

We introduced 3 technologies which should in the arsenal of any data scientist for putting together prototypes, stunning graphics and pleasing sites very quickly - Angular JS, D3 JS and Twitter bootstrap.

Speaker:

Krupakar Pasupuleti has been building algorithmic trading systems for investment banks for more than a decade now. Besides the experience with Wall street, he also has a deep passion for Web technologies and is an active member of the growing NY Fintech community. He is also co-organizer for Fintech and Finance 2.0 meetups.

Outline:

- Intro: a quick tour of all the 3 technologies. D3 for it's visualization capabilities will be the major focus.
- Deep dive: walk through an example app.
- Hack time: instructor and TA will go around and help people with their tasks or projects or answer specific questions for them.

Content:

- AngularJS: MVC, Dependency injection, 2-way data binding, templates, controllers, directives
- D3: SVG, groups, axis, layouts
- Bootstrap: Basic CSS classes, Components, Scaffolding, some Javascript helpers

Preparation:

There is not much preparation needed for using Angular, D3 and Twitter. You can embed them on your page with these 3 simple lines and get rolling.

Use your favorite code editor, maybe Sublime Text 2 for most Mac users, Sublime or  Notepad++ for Windows users. If you want an IDE with a more enterprise level feature set, we suggest you to get Jetbrains Webstorm. They have a 30-day trial if you want to try it.

------------------------------------

Other Useful Info Link:

Reference:

AngularJS - API docs (http://docs.angularjs.org/api/)
BuiltWithBootstrap - http://builtwithbootstrap.com/
D3JS Gallery - https://github.com/mbostock/d3/wiki/Gallery

About Author

Related Articles

Leave a Comment

No comments found.

View Posts by Categories


Our Recent Popular Posts


View Posts by Tags

#python #trainwithnycdsa 2019 airbnb Alex Baransky alumni Alumni Interview Alumni Reviews Alumni Spotlight alumni story Alumnus API Application artist aws beautiful soup Best Bootcamp Best Data Science 2019 Best Data Science Bootcamp Best Data Science Bootcamp 2020 Best Ranked Big Data Book Launch Book-Signing bootcamp Bootcamp Alumni Bootcamp Prep Bundles California Cancer Research capstone Career Career Day citibike clustering Coding Course Demo Course Report D3.js data Data Analyst data science Data Science Academy Data Science Bootcamp Data science jobs Data Science Reviews Data Scientist Data Scientist Jobs data visualization Deep Learning Demo Day Discount dplyr employer networking feature engineering Finance Financial Data Science Flask gbm Get Hired ggplot2 googleVis Hadoop higgs boson Hiring hiring partner events Hiring Partners Industry Experts Instructor Blog Instructor Interview Job Job Placement Jobs Jon Krohn JP Morgan Chase Kaggle Kickstarter lasso regression Lead Data Scienctist Lead Data Scientist leaflet linear regression Logistic Regression machine learning Maps matplotlib Medical Research Meet the team meetup Networking neural network Neural networks New Courses nlp NYC NYC Data Science nyc data science academy NYC Open Data NYCDSA NYCDSA Alumni Online Online Bootcamp Open Data painter pandas Part-time Portfolio Development prediction Prework Programming PwC python python machine learning python scrapy python web scraping python webscraping Python Workshop R R language R Programming R Shiny r studio R Visualization R Workshop R-bloggers random forest Ranking recommendation recommendation system regression Remote remote data science bootcamp Scrapy scrapy visualization seaborn Selenium sentiment analysis Shiny Shiny Dashboard Spark Special Special Summer Sports statistics streaming Student Interview Student Showcase SVM Switchup Tableau team TensorFlow Testimonial tf-idf Top Data Science Bootcamp twitter visualization web scraping Weekend Course What to expect word cloud word2vec XGBoost yelp