archive-com.com » COM » B » BIOFUSIONDESIGN.COM

Total: 364

Choose link from "Titles, links and description words view":

Or switch to "Titles and links view".
  • BiofusionDesign | Cooking an MVC framework for data visualization: Views part 1
    COLOR DEFAULT ALPHA this graphics drawRect 0 0 this content width this content height The render method of the Bar class doesn t do anything complex It takes an object that has width and height properties and draws itself on the stage 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 SimpleBarChart as package views barchart import flash display import flash events import flash text import views View import views barchart public class SimpleBarChart extends View CONSTANTS Padding between bars private static const PADDING int 10 Default sizes for the chart private static const DEFAULT WIDTH int 430 private static const DEFAULT HEIGHT int 200 GLOBAL VARIABLES store references to all bars on stage private var bars Array CONSTRUCTOR public function SimpleBarChart API Render the view public override function render content Object void super render content create the bars and add them to the stage var maxValue getMaxValue var maxBarWidth Number DEFAULT WIDTH content length PADDING for var i int 0 i content length i var data Object new Object data that each bar will need to render itself data height content i maxValue DEFAULT HEIGHT data width maxBarWidth Create and render a bar bars i new Bar bars i render data position the bar bars i x maxBarWidth PADDING i bars i y DEFAULT HEIGHT bars i height addChild bars i PRIVATE METHODS private function getMaxValue Number var maxValue Number 0 for var i int 0 i content length i if maxValue content i maxValue content i return maxValue The SimpleBarChart class contains the most code we have written so far but most of it is pretty straight forward The render method takes an array of numbers loops through it to find the max value calculates the bar width and creates instances of the Bar class Line 37 to 40 is where the magic happens We create the content object for the Bar class there Now that we have the bar chart view ready let s feed it data to see how it works 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 SimpleModel as package models import flash display import flash events import flash text import models Model public class SimpleModel extends Model CONSTRUCTOR public function SimpleModel API public override function getData Object return 5 3 5 4 5 2 5 2 5 1 5 0 5 0 4 9 5 0 5 0 5 0 4 9 4 7 4 8 4 7 4 7 4 6 4 6 4 7 4 7 4 5 4 4 4 5 4

    Original URL path: http://www.biofusiondesign.com/2010/05/04/cooking-an-mvc-framework-for-data-visualization-views-part-1/ (2016-04-27)
    Open archived version from archive


  • BiofusionDesign | Cooking an MVC framework for data visualization: Hello World!
    It is the base class for all models in an MVC application It provides common functionality shared across all models Every model we write from now on will inherit from this one 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 Model as package models import flash display import flash events import flash text public class Model extends Object CONSTRUCTOR public function Model API public function getData Object return null As you can see the Model class has public method getData Right now it doesn t do much it just returns null We will provide actual implementation for this method in a subclass Similar to the Model class the View class encapsulates common functionality across all views Every view we write from now on will inherit from this one 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 View as package views import flash display import flash events import flash text public class View extends Sprite INSTANCE VARIABLES protected var content Object CONSTRUCTOR public function View API Render the view public function render content Object void this content content The View base class has an instance variable content that we will use to store the content of a view The render method stores the content that you pass to it We will override it to provide specific rendering routines We are done with the setup You may notice that we don t have a Controller base class For the purpose of this tutorial we won t need one Putting it all together Now that we have the foundation in place we can go ahead and write our first MVC application Yay 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 TextModel as package models import flash display import flash events import flash text import models Model public class TextModel extends Model CONSTRUCTOR public function TextModel super API public override function getData Object return Hello world The TextModel class extends the Model class It overrides the getData method from the parent class to provide a specific implementation In this care the method creates a string and returns it 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 TextView as package views import flash display import flash events import flash text public class TextView extends View INSTANCE VARIABLES private var textField TextField CONSTRUCTOR public function TextView textField new TextField textField x 180 textField y 40 addChild textField API Render the TextView public override function render content Object void super render content textField text content as String The TextView class extends the View class and overrides the render method It creates a text field

    Original URL path: http://www.biofusiondesign.com/2010/04/27/cooking-an-mvc-framework-for-data-visualization-hello-world/ (2016-04-27)
    Open archived version from archive

  • BiofusionDesign | Portfolio
    the housing crisis so their unemployment rates are worse than the rest of the U S You will probably notice that Michigan house of GM Ford and Chrysler is doing pretty bad In fact it has the highest unemployment rate as of October 2008 The only state that shares the same honor with Michigan is Rhode Island with 9 3 percent unemployment The coding part of the project took me about a day to write Kriss Chaumont designed the layout and manipulated the data We will keep updating the map every month when the new data comes out Click here to view the graphics The work behind msnbc com election maps Dec 3 2008 Post a comment Design Maps msnbc com Politics Portfolio Programming By Vu Nguyen Now that the election is over and I am well rested I want to look back at what we have worked on all these months at msnbc com A few people wrote me asking about the process of creating a large scale project in a fast paced environment Here is a longer answer to that question Since this post will be a bit long I will break it into several sections Pre election content We put a huge amount of effort into the Decision â 08 Dashboard data explorer map Many people had been preparing interactive content for our election coverage for months before I arrived By the time I started in July 2008 most of the core functionality of the map had been developed My first assignment was to support other developers and designers by preparing data and writing small utility classes Next I created the polling data display and helped with designing the fundraising data display Click on image to see full size We wanted to map every data set we could find that came with geographic information There were at least 10 data sets we wanted to map but we launched our politics front map with only six data sets We added user opinion polling candidate appearances and fundraising data over the next several weeks Most of our data sets were huge and we needed the technology to support and serve them to a large audience This is where the team that builds our publishing platform came in They built a new user friendly database tool just in time for us to use for the election Continue reading Election 08 election night results widgets Dec 2 2008 Post a comment Maps msnbc com Politics Portfolio Programming By Vu Nguyen Updated Nov 5 2008 0 55 a m The widget maps turned out to be a huge success We are approaching 100 000 installs and more than 10 million page views The critical moment has passed and the number of installs decreased as expected but I am positive the maps will be viewed and installed many more times before they become obsolete Updated Nov 4 2008 9 34 a m The widgets installs skyrocketed today exceeding what we set as a

    Original URL path: http://www.biofusiondesign.com/portfolio/page/2/ (2016-04-27)
    Open archived version from archive

  • BiofusionDesign | Portfolio
    the fake mental ray ambient occlusion material I ended up liking the clean look more I used the same technique for the Pummeling Cancer With Protons 3D project Click here to view the graphics How Tiger Woods Wins a Major Nov 16 2008 Post a comment New York Times Portfolio By Vu Nguyen Click on image to view the graphics Golfâ s four major tournaments offer competitors a more difficult test than the rest of the stops on tour But while most players succumb to the tougher courses and heightened nerves Tiger Woods shows less of a decline especially in categories like greens in regulation and scrambling Click here to view the graphics Carbon Emissions Across the United States Nov 16 2008 Post a comment Maps New York Times Portfolio By Vu Nguyen Click on image to view the graphics Electric power production and transportation are the two largest sources of carbon emissions in the United States But there are big differences in emissions between companies and from state to state that may make it harder to reach any agreement on cuts Click here to view the graphics Anatomy of a Squeaking Hip Nov 16 2008 Post a comment Design Illustrations New York Times Portfolio By Vu Nguyen Click on image to view the graphics Some patients who have received artificial hips with ceramic components have complained that the hips make a squeaking sound The exact cause of the squeaking is unknown but â œstripe wearâ found on used ceramic parts suggests that the noise may begin when these parts rub together The audible squeak may be the resulting harmonic vibration of the metal shell or stem Click here to view the graphics Disappearing Foods Encouraging a Comeback Nov 16 2008 Post a comment Design Maps Portfolio By Vu Nguyen

    Original URL path: http://www.biofusiondesign.com/portfolio/page/3/ (2016-04-27)
    Open archived version from archive

  • BiofusionDesign | Portfolio
    graphics Whitney Biennial 2008 Nov 16 2008 Post a comment Arts Design New York Times Portfolio By Vu Nguyen This year the biennial fills not only three floors of the museum but also much of the Park Avenue Armory Below explore an overview of the exhibition or look at 360 degree panoramic photographs of the third floor fourth floor and an installation Audio narration is by Holland Cotter an art critic for The Times Click here to view the graphics Home Prices Across the Nation Nov 16 2008 Post a comment New York Times Portfolio Programming By Vu Nguyen Compare local real estate markets to the national median Click here to view the graphics Toyota s Global Presence Nov 16 2008 Post a comment Design Maps New York Times Portfolio By Vu Nguyen Toyota operates plants across the world Some models like the Corolla are both manufactured and sold worldwide Others like the Tundra are built in factories close to their intended market while still others like the Prius are made primarily in Japan and shipped worldwide The interactive graphics show where some of Toyotaâ s models are produced and sold Click here to view the graphics Oil Prices Reach a Symbolic Mark Nov 16 2008 Post a comment Design New York Times Portfolio By Vu Nguyen The interactive graphics show the relationship between oil price and oil consumption for the last three decades Click here to view the graphics The Super Ad Bowl Two Decades of Players Nov 16 2008 Post a comment New York Times Portfolio Programming By Vu Nguyen An interactive feature that show super bowl ads categorized by industry for more than two decades Click here to view the graphics Page 4 of 9 First 2 3 4 5 6 Last Awards Winners Msnbc com new

    Original URL path: http://www.biofusiondesign.com/portfolio/page/4/ (2016-04-27)
    Open archived version from archive

  • BiofusionDesign | Portfolio
    Times Portfolio By Vu Nguyen Hardware companies have clustered around industry leaders low in Silicon Valley as Internet advertising and design has taken root in San Francisco Click here to view the graphics Counting the Displaced Nov 16 2008 Post a comment Maps New York Times Portfolio By Vu Nguyen On average China has built one large dam every day during the last 50 years displacing 1 100 people each time The interactive map is a part of the fourth installment of Choking on Growth a series of articles and multimedia examining the impact of Chinaâ s pollution crisis that I have been working on with other people at The New York Times Click here to view the graphics A Map of the Oil World Nov 16 2008 Post a comment Maps New York Times Portfolio By Vu Nguyen In 2006 Saudi Arabia was by far the largest producer of oil followed by Russia and United States On average the United States consumed 20 6 million barrels per day which made it the largest oil consumer in the world This interactive map shows the world oil producers oil consumers and oil suppliers to the United States and ranks them from the largest to the smallest Click here to view the graphics Interactive Tour of Mount Kilimanjaro Nov 16 2008 Post a comment 3D Awards winners Design Maps New York Times Portfolio By Vu Nguyen Every year thousands of people set to climb Mount Kilimanjaro but about a quarter of them fail before reaching the summit The rest who succeed become very ill from latitude sickness Is it worth the efforts Check out Tom Bissell s account of his painful and exhausting climb to the summit of Mount Kilimanjaro Click here to view the graphics Awards and honors 2009 Part of

    Original URL path: http://www.biofusiondesign.com/portfolio/page/5/ (2016-04-27)
    Open archived version from archive

  • BiofusionDesign | Portfolio
    to download the character guide in pdf eDeot with attitudes Nasa Dawn mission Nov 15 2008 Post a comment 3D Illustrations Portfolio By Vu Nguyen I did this project in my 3D infographics class with Alberto Cairo in 2006 It is the first interactive project I have ever created with 3D animation It took about 2 weeks of part time labor to create 3D modeling and animation took about 1 week out of that I was still learning Maya at that time You can find more information about the Dawn mission here Click here to view the graphics Visual guide to observing eclipses Nov 15 2008 Post a comment Design Illustrations Portfolio By Vu Nguyen I did this project during my senior year at UNC Chapel Hill Besides being the first interactive graphics I have ever created this project was my greatest achievement in programming at that time Click here to view the graphics The mystery behind the giant squid Nov 15 2008 Post a comment 3D Awards winners Infographics Portfolio By Vu Nguyen My first infographics project ever It was also my first project in Alberto Cairoâ s 3D class at UNC Chapel Hill The notable thing about this project is that it landed me a summer internship at The New York Times in 2006 I can safely say that it started my career Today I have a chance to do what I absolutely love and make a living out of it thanks to this project Awards and honors 2006 â Summer internship at The New York Times Click here to view the graphics Looking Back at 2007 Feb 7 2008 Post a comment Design Infographics New York Times Portfolio By Vu Nguyen I finally found some time to put together a list of the projects that I have

    Original URL path: http://www.biofusiondesign.com/portfolio/page/9/ (2016-04-27)
    Open archived version from archive

  • BiofusionDesign | Endorsements of All Shapes and Sizes
    to view the graphics Awards and honors 2007 â Awards of Excellence from Society of News Design You might also like Election 08 Campaign Finance In Their Ads the Words They Use Interactive Tour of Mount Kilimanjaro Bay Areaâ s Niche Neighborhoods A Guide to â The Age of Rembrandtâ Previous post In Their Ads the Words They Use Next post The Super Ad Bowl Two Decades of Players Follow any comments here with the RSS feed for this post Both comments and trackbacks are currently closed You may also like Election 08 Campaign Finance In Their Ads the Words They Use Interactive Tour of Mount Kilimanjaro Bay Areaâ s Niche Neighborhoods A Guide to â The Age of Rembrandtâ Browse by category 3D Apple Architecture Arts Awards winners Books Cartoons Design Expedia Funny Illustrations Infographics Maps Miscellaneous msnbc com New York Times Open source Personal Politics Portfolio Programming Social networks Sports Travel Tutorials Typography Videos Browse by date March 2013 December 2012 April 2012 August 2010 July 2010 June 2010 May 2010 April 2010 February 2010 January 2010 November 2009 August 2009 May 2009 January 2009 December 2008 November 2008 February 2008 November 2007 October 2007 September 2007 Data

    Original URL path: http://www.biofusiondesign.com/2008/11/16/endorsements-of-all-shapes-and-sizes-2/ (2016-04-27)
    Open archived version from archive



  •