Diagrams for JavaScript and HTML, by Northwoods Software GoJS is a JavaScript and TypeScript library for building interactive diagrams and graphs. GoJS allows you to build all kinds of diagrams and graphs for your users, from simple flowcharts and org charts to highly-specific industrial diagrams, SCADA and BPMN diagrams, medical diagrams like genograms, and more. GoJS makes constructing JavaScript diagrams of complex nodes, links, and groups easy with customizable templates and layouts. GoJS offers many advanced features for user interactivity such as drag-and-drop, copy-and-paste, in-place text editing, tooltips, context menus, automatic layouts, templates, data binding and models, transactional state and undo management, palettes, overviews, event handlers, commands, and an extensible tool system for custom operations. We maintain hundreds of sample diagrams, detailing different examples of interactivity, templates, and user logic for you to start from. Flowcharts Build interactive flowcharts or flow diagrams. State Charts Sankey Diagrams
Basics of Mapping for the Digital Humanities – IDRE Sandbox To start, navigate to this page via the URL below: “What is a map? In the Humanities, mapping can be defined in so many different ways, there is no easy answer to these questions. “Everything is related to everything else, but near things are more related than distant things.” Waldo Tobler’s statement defines his first law of geography, in ways stating the obvious correlation between objects in space, paving the foundation behind spatial dependencies. As mentioned at the top of the syllabus for this course, space and time are dimensions that are forever intertwined due to their ontological nature. Minard The representation of 3 dimensional space onto a flat, 2 dimensional platform–a map–brings with it many challenges and compromises (e.g. projection systems). Hans Hypercities I turn off Google Maps and start to drive. Google Earth The LA Times uses the SIMILE timeline to effectively show crime over time. CartoDB
Obelisk.js : concevoir des objets isom triques pixelis s compatibles avec les canvas HTML5 Obelisk.js : concevoir des objets isométriques pixelisésCompatibles avec les canvas HTML5 Obelisk.js est un moteur JavaScript permettant de créer des objets isométriques pixelisés. Avec une API simple et flexible, vous pouvez facilement ajouter des éléments isométriques comme des briques, des cubes, des pyramides, etc. sur des canvas HTML5. Obelisk.js respecte consciencieusement un modèle de pixelisation. Pour la partie technique : il y a un agencement des lignes d'un pixel de 1:2 conduisant à un angle de 22,6 degrés. En pratique, ça donne ceci. Vous trouverez sur le site des démonstrations ainsi que des tutoriels expliquant les différentes possibilités que l'outil offre. Démonstrations : Le site officiel. D'après un article sur DailyJS. Et vous ? Pour quel type d'application cet outil pourrait-il vous intéresser ? Utilisez-vous une bibliothèque du genre ?
The Architecture of a Data Visualization — Accurat studio 1. Composing the main architecture of the visualizationComposing the main architecture: this acts as the formalized base through which the main story will be mapped and displayed, upon this, one will see the most relevant patterns emerging from the story: the essential “map” that conceptually identifies where we are. This base is essentially a matrix or pattern that will serve as our organizer. 2. 3. 4. 5. 6. 7. 8. The final fine-tuning of the piece is the necessary effortrequired to please readers’ eyes:a well-balanced image where negative space and light elementsplay their role aesthetically. Is the process always so linear?
Cytoscape.js 10+ JavaScript libraries to draw your own diagrams (2019 edition) You can render anything you want in your browser with JavaScript. Good examples are this list of online modeling tools that help you to easily create UML (or ER, BPMN, …) diagrams directly in the browser. Most of these tools use JavaScript to render graphical shapes and interact with them. But what if you want to create your own kind of diagrams or build your own editor? Don’t worry, we have you covered. We split the set of JavaScript drawing libraries into two main categories: Libraries with explicit support for software models (e.g. In short, if you’re looking for an almost ready-to-go way to integrate a JavaScript modeling library into your tool go for a library from the first group. JavaScript libraries for drawing UML (or BPMN or ERD …) diagrams Interested in a library to help you embed UML editors in your application? JointJS JointJS can be used to create either static diagrams or fully interactive diagramming tools and application builders. Here are some of its features: Rappid GoJS
DH Press | Digital Humanities Toolkit Prototype JavaScript Framework | Prototype Tips and Tutorials API Reference The documentation for the latest stable version of Prototype will always be located at Tutorials This area contains narrative documentation you can use to discover Prototype. Defining classes and inheritance Learn how to define classes and subclasses in Prototype and how to make supercalls.
How to Start Thinking Like a Data Scientist Slowly but steadily, data are forcing their way into every nook and cranny of every industry, company, and job. Managers who aren’t data savvy, who can’t conduct basic analyses, interpret more complex ones, and interact with data scientists are already at a disadvantage. Companies without a large and growing cadre of data-savvy managers are similarly disadvantaged. Fortunately, you don’t have to be a data scientist or a Bayesian statistician to tease useful insights from data. While the exercise is very much a how-to, each step also illustrates an important concept in analytics — from understanding variation to visualization. First, start with something that interests, even bothers, you at work, like consistently late-starting meetings. Next, think through the data that can help answer your question, and develop a plan for creating them. Now collect the data. Sooner than you think, you’ll be ready to start drawing some pictures. But don’t stop there. So where do you go from here?
JointJS - the HTML 5 JavaScript diagramming library. Service Worker API - Web APIs Service workers essentially act as proxy servers that sit between web applications, the browser, and the network (when available). They are intended, among other things, to enable the creation of effective offline experiences, intercept network requests and take appropriate action based on whether the network is available, and update assets residing on the server. They will also allow access to push notifications and background sync APIs. Service worker concepts and usage A service worker is an event-driven worker registered against an origin and a path. It takes the form of a JavaScript file that can control the web-page/site that it is associated with, intercepting and modifying navigation and resource requests, and caching resources in a very granular fashion to give you complete control over how your app behaves in certain situations (the most obvious one being when the network is not available). Service workers only run over HTTPS, for security reasons. Registration Interfaces Cache