rafal szulczewski rafszul

Vision

Content providers across all domains (scientific publishing, news, education, books) are facing the very same challenges when it comes to implementing an effective digital publishing workflow. From receiving a manuscript to peer review to publishing many manual steps are necessary. Communication usually happens offline (via email etc.) which is not only costly and time-consuming but also error-prone and intransparent. An ultimate goal would be to create a fully integrated, interactive environment that closes the gap between authors and publishers.

On the authors side we want a document authoring tool available as web-based component as well as local application e.g., for mobile devices,

Click in the open space to add a node, drag from one node to another to add an edge.
Ctrl-drag a node to move the graph layout.
Click a node or an edge to select it.

When a node is selected: R toggles reflexivity, Delete removes the node.
When an edge is selected: L(eft), R(ight), B(oth) change direction, Delete removes the edge.

To see this example as part of a larger project, check out Modal Logic Playground!

Big + Markdown: big-gist

--- 5

Big is a nifty project that allows hackers to make slides easily using HTML

Project's Github

By changing the scale and clip angle of an orthographic projection, this example creates two concentric spheres to give the appearance of floating landmasses. Inspired by Derek Watkin’s Faux-3D Arcs.

The range sliders at the top change the values for the force-directed algorithm and the buttons load new graphs and apply various techniques. This will hopefully serve as a tool for teaching network analysis and visualization principles during my Gephi courses and general Networks in the Humanities presentations.

Notice this includes a pretty straightforward way to load CSV node and edge lists as exported from Gephi.

It also includes a pathfinding algorithm built for the standard data structure of force-directed networks in D3. This requires the addition of .id attributes for the nodes, however.

Now with Clustering Coefficients!

Also, it loads images for nodes but the images are not in the gist. The code also refers to different network types but the data files on Gist only refer to the transportation network.

	// MultiExporter.jsx
	// Version 0.1
	// Version 0.2 Adds PNG and EPS exports
	// Version 0.3 Adds support for exporting at different resolutions
	// Version 0.4 Adds support for SVG, changed EPS behaviour to minimise output filesize
	// Version 0.5 Fixed cropping issues
	// Version 0.6 Added inner padding mode to prevent circular bounds clipping
	//
	// Copyright 2013 Tom Byrne
	// Comments or suggestions to [email protected]

	// MultiExporter.jsx
	// Version 0.1
	// Version 0.2 Adds PNG and EPS exports
	// Version 0.3 Adds support for exporting at different resolutions
	// Version 0.4 Adds support for SVG, changed EPS behaviour to minimise output filesize
	// Version 0.5 Fixed cropping issues
	// Version 0.6 Added inner padding mode to prevent circular bounds clipping
	//
	// Copyright 2013 Tom Byrne
	// Comments or suggestions to [email protected]

	<div id="svgess-CHP-9-EX-1">
	<p><b>Example 9-1. Clipping to a rectangular path</b>
	</p>
	<pre><defs>
	<clipPath id="rectClip">
	<rect id="rect1" x="15" y="15"
	width="40" height="45"
	style="stroke: gray; fill: none;"/>
	</clipPath>
	</defs>

	<div id="comments"></div>
	<script src="http://widgets.twimg.com/j/1/widget.js"></script>
	<link href="http://widgets.twimg.com/j/1/widget.css" type="text/css" rel="stylesheet">
	<script>
	new TWTR.Widget({
	type: 'search',
	search: '<?php echo $post_link ?>',
	id: 'comments',
	loop: false,
	subject: 'Comments',

	/* custom css */
	@import url(../style.css); /* call the parent css */

	body {
	background: #282a36; /* Old browsers */
	background: -moz-linear-gradient(top, #282a36 25%, #282b3d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#282a36), color-stop(100%,#282b3d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #282a36 25%,#282b3d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #282a36 25%,#282b3d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #282a36 25%,#282b3d 100%); /* IE10+ */