Skip to content

Instantly share code, notes, and snippets.

View Pacsangon's full-sized avatar

Pacsan Pacsangon

View GitHub Profile
@Pacsangon
Pacsangon / .block
Created August 3, 2016 06:54
Zoomable Circle Packing
license: gpl-3.0
@Pacsangon
Pacsangon / .block
Created August 3, 2016 06:54
Zoomable Circle Packing
license: gpl-3.0
@Pacsangon
Pacsangon / .block
Created August 3, 2016 06:51
Multiple Line Climate Plot with Zoom
license: gpl-3.0
@Pacsangon
Pacsangon / README.md
Created July 27, 2016 21:42 — forked from robschmuecker/README.md
D3.js Drag and Drop, Zoomable, Panning, Collapsible Tree with auto-sizing.

This example pulls together various examples of work with trees in D3.js.

The panning functionality can certainly be improved in my opinion and I would be thrilled to see better solutions contributed.

One can do all manner of housekeeping or server related calls on the drop event to manage a remote tree dataset for example.

Dragging can be performed on any node other than root (flare). Dropping can be done on any node.

Panning can either be done by dragging an empty part of the SVG around or dragging a node towards an edge.

@Pacsangon
Pacsangon / d3js layout scaling
Created July 27, 2016 09:21 — forked from plandem/d3js layout scaling
Correct zoom of layout
In some cases you want to handle zooming and rescale your layout.
But at all examples you can see something like this:
-------
var width = 640;
var height = 480;
var outer = d3.select('div')
.append("svg:svg")
.attr("width", width)
.attr("height", height)
@Pacsangon
Pacsangon / .block
Created July 24, 2016 06:18
Treemap
license: gpl-3.0
height: 1060
@Pacsangon
Pacsangon / .block
Last active July 27, 2016 03:44
Force-Directed Graph (modificación de datos, español)
license: gpl-3.0
height: 0
@Pacsangon
Pacsangon / index.html
Created July 21, 2016 09:09 — forked from syntagmatic/index.html
Nutrient Parallel Coordinates
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>Nutrient Database Explorer</title>
<link rel="stylesheet" type="text/css" href="parallel.css" />
</head>
<body>
<div id="header">
<h1>Nutrient Explorer</h1>
@Pacsangon
Pacsangon / IndividualsInternet_2000-2014datosmúltipleshorizontal.csv
Created March 13, 2016 08:17
Aplicación de los recursos de la última semana
Anos Afghanistan Albania Algeria American Samoa Andorra Angola Anguilla Antigua & Barbuda Argentina Armenia Aruba Ascension Australia Austria Azerbaijan Bahamas Bahrain Bangladesh Barbados Belarus Belgium Belize Benin Bermuda Bhutan Bolivia Bosnia and Herzegovina Botswana Brazil British Virgin Islands Brunei Darussalam Bulgaria Burkina Faso Burundi Cambodia Cameroon Canada Cape Verde Cayman Islands Central African Rep. Chad Chile China Cocos Keeling Islands Colombia Comoros Congo (Dem. Rep.) Congo (Rep.) Costa Rica Côte d'Ivoire Croatia Cuba Cyprus Czech Republic D.P.R. Korea Denmark Djibouti Dominica Dominican Rep. Ecuador Egypt El Salvador Equatorial Guinea Eritrea Estonia Ethiopia Falkland (Malvinas) Is. Faroe Islands Fiji Finland France French Polynesia Gabon Gambia Georgia Germany Ghana Gibraltar Greece Greenland Grenada Guam Guatemala Guernsey Guinea Guinea-Bissau Guyana Haiti Honduras Hong Kong, China Hungary Iceland India Indonesia Iran (I.R.) Iraq Ireland Israel Italy Jamaica Japan Jersey Jordan Ka
@Pacsangon
Pacsangon / IndividualsInternet_2000-2014datosmúltipleshorizontal.csv
Last active March 2, 2016 23:49
Suscriptores de internet en líneas