An improvement upon the previous example. Files and folders are now sorted alphabetically, icons reflect the file's type, files are represented as big tiles with previews in case of image files.
xxxxxxxxxx
<html lang="en">
<head>
<meta charset="utf-8">
<title>Virtual Filesystem UI 2</title>
<script src="https://d3js.org/d3.v3.min.js"></script>
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
</head>
<body>
<div id="bar">
<button id="up_btn"><i class="icon fa fa-level-up"></i></button>
<div id="breadcrumb"></div>
</div>
<div id="cwd"></div>
<script src="index.js"></script>
</body>
</html>
Modified http://d3js.org/d3.v3.min.js to a secure url
https://d3js.org/d3.v3.min.js