Using D3.js to visualise Hierarchical Classification Why D3.js? I’ve been playing around with a fairly new visualisation library called D3.js for the last couple of weeks. Given my last post about how awesome the python plotting library matplotlib is, why bother? Rendering a web page – step by step Have you ever thought about what happens when you surf the web? It’s not as simple as it seems: You type an URL into address bar in your preferred browser.The browser parses the URL to find the protocol, host, port, and path.It forms a HTTP request (that was most likely the protocol)To reach the host, it first needs to translate the human readable host into an IP number, and it does this by doing a DNS lookup on the hostThen a socket needs to be opened from the user’s computer to that IP number, on the port specified (most often port 80)When a connection is open, the HTTP request is sent to the hostThe host forwards the request to the server software (most often Apache) configured to listen on the specified portThe server inspects the request (most often only the path), and launches the server plugin needed to handle the request (corresponding to the server language you use, PHP, Java, .NET, Python?)
9 Confusing Naming Conventions for Beginners Especially when first getting started with various web development languages, it can prove to be a difficult task to learn all of the various naming conventions from language to language. This can be even more confusing when developers disagree on what's considered best practice. To help ease the transition for beginners, this list will describe some of the more common conventions. 1. Underscore Before the Property Name
Learn CSS Positioning in Ten Steps: position static relative absolute float 1. position:static The default positioning for all elements is position:static, which means the element is not positioned and occurs where it normally would in the document. Normally you wouldn't specify this unless you needed to override a positioning that had been previously set. 2. position:relative If you specify position:relative, then you can use top or bottom, and left or right to move the element relative to where it would normally occur in the document. Sankey Diagram Source: Department of Energy & Climate Change, Tom Counsell. Sankey diagrams visualize the magnitude of flow between nodes in a network. This intricate diagram shows a possible scenario for UK energy production and consumption in 2050: energy supplies are on the left, and demands are on the right. Intermediate nodes group related forms of production and show how energy is converted and transmitted before it is consumed (or lost!).
Top HTML5 Frameworks and Generators To Ease Your Pain Why knocking your head worrying about cross-platform and cross-browser problems when there are many frameworks free to use. Same with HTML5 Frameworks, which help to cut short the CSS modification and ease the pain of dealing with HTML5. Undoubtedly that adapting a new framework requires considerable time and amount of work, it is still the most effective way to avoid certain setbacks, inevitable setbacks that already been configured properly in the framework.