background preloader

Related:  Saved TechDigital Humanities - Humanités Numériques

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

Sly Introduction Sly is a JavaScript library for advanced one-directional scrolling with item based navigation support. It can be used as a simple scrollbar replacement, as an advanced item based navigation tool, or as a great navigation and animation interface for parallax websites. This is achieved by a powerful & developer friendly API that provides a bunch of very useful methods giving you control over everything. Dependencies jQuery 1.7+ And that's it. Compatibility Sly works in every desktop browser, and due to some divine intervention, even in IE6+, but that is a complete accident. Mobile Sly does touch events, and I'm generally trying to make it work everywhere, but the fact is that mobile is not tested. Changelog Sly upholds the Semantic Versioning Specification. Support Reward the developer And make him happy for maintaining this library! I don't want to go the Isotope & family route and monetize my libraries. Performance Examples Documentation Forum

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

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

SweetAlert2 - an awesome and accessible (WAI-ARIA) replacement for JavaScript's popup boxes Normal alert alert('You clicked the button!') swal( 'Good job!', 'You clicked the button!', 'success' ) Pretty cool huh? More examples Download & install $ npm install sweetalert2 Or $ bower install sweetalert2 Or download from CDN: Usage 1. You can also include the stylesheet separately if desired: import swal from 'sweetalert2' const swal = require('sweetalert2') 2. Configuration Here are the keys that you can use if you pass an object into sweetAlert2: You can redefine default params by using swal.setDefaults(customParams). Handling Dismissals Modal Types Input Types Multiple inputs aren't supported, you can achieve them by using html and preConfirm parameters. Methods Collaborators Donations Has SweetAlert2 helped you create an amazing application? Contribute Feel free to fork SweetAlert2 on GitHub if you have any features that you want to add!

DH Press | Digital Humanities Toolkit 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