Graph.js

使用JS实现俄罗斯方块游戏

简单的JS俄罗斯方块游戏源码效果图: 代码如下,复制即可使用: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>使用JS实现俄罗斯方块游戏</title> <style type="text/css"> .MainFrame { border: 1px solid burlywood; margin: 10px…

pyv8 的作用是在python中执行js代码,然后可以使用js里的变量等内容.python取得javascript里面的值.javascript取得python里面的值.python和javascript里面的函数交互 mac下的安装:pip install -e git://github.com/brokenseal/PyV8-OS-X#egg=pyv8 安装后有两个文件:一个PyV8.py 另一个_PyV8.so 下面示例是执行js文件 from pyv8 import PyV8 ctx…

【转载】JMeter3.0图形化HTML报告中文乱码问题处理

由于个人在JMeter 3.0的实际应用中,脚本中的Test Plan/Sampler等元件命名都没有使用中文,所以在之前介绍Dashboard Report特性的博客(原文戳这里))成文时,没有提到关于中文的问题.之后有朋友反馈,Sampler名称为中文时,生成的报告中展示为乱码,自己测试,确实如此. 如图,脚本包含两个命名为中文的Sampler: 执行测试后,生成的Dashboard Report图表中文乱码: 于是通过查看官方文档和源码,找到原因并进行了解决,原打算直接追加到之前那篇文章,…

JMeter3.0（三十八）图形化HTML报告中文乱码问题处理（转载）

转载自 http://www.cnblogs.com/yangxia-test 由于个人在JMeter 3.0的实际应用中,脚本中的Test Plan/Sampler等元件命名都没有使用中文,所以在之前介绍Dashboard Report特性的博客(原文戳这里))成文时,没有提到关于中文的问题.之后有朋友反馈,Sampler名称为中文时,生成的报告中展示为乱码,自己测试,确实如此. 如图,脚本包含两个命名为中文的Sampler: 执行测试后,生成的Dashboard Report图表中文乱码:…

关于gevent的一些理解(二)

3 实际应用 1 zeromq和gevent: zeromq的介绍请参看:http://www.infoq.com/cn/news/2010/09/introduction-zero-mq 假设你已经安装了zeromq,gevent_zeromq(https://github.com/traviscline/gevent-zeromq.git)和pyzmq 一个很基础的例子: import gevent from gevent_zeromq import zmq # Global Context…

基于Web实现网络拓扑图

想想好像好久没用写博客了! 由于最近想跳槽了(ps:尽管公司挽留,提出一些异与往常的挽留“制度”,But确实已经死心了) ,发现前一段时间一些做Hadoop,和Spark同事时常来请教网络拓扑图的有关问题,由于当时确实比较忙,没时间帮着一起分析,表示歉意! 先前整理过份简单的Demo 但是不详细基于Web实现在线绘画拓扑图[GraphEditor] 首先呢这里是要详述的几个要点:(我用图是直接显示了~) (当然这套UI模块是后期改动的~重点不在这里) [备案:后续使用文档] 显…

基于Web实现在线绘画拓扑图[GraphEditor]

网络拓扑图本来已经整理有一段时间了,一次项目会议写集中边界监控系统的时候上级要求使用可以在系统中画网络拓扑图,没办法当时找不到现有的程序来参考只能硬着头皮,顶着风险来完成[当然来边界安全的,当然要安全型高啊],一同事找到一些源码来分析,当然了有源码分析比自己想的效率要快得多但是也很让人头痛,怎样才能实现,怎样才能嵌入到Web项目中? 这个集控那个项目已近完成有一段时间了,最近呢一些网友要借鉴我修改后的代码,和一些效果我最近整理了一份但是当时由于比较忙,没有发到博客中去!只是写了一个简单的D…

mxgraph初体验

最近公司让学习了mxgraph,简单总结一下 (1)mxGraph学习路径 1)API:http://jgraph.github.io/mxgraph/docs/js-api/files/index-txt.html 2)demo:http://jgraph.github.io/mxgraph/javascript/index.html (2)最简单的例子(helloword) <!DOCTYPE html> <html lang="en"> <head&…

10┃音视频直播系统之 WebRTC 中的数据统计和绘制统计图形

一.数据统计在视频直播中,还有一项比较重要,那就是数据监控比如开发人员需要知道收了多少包.发了多少包.丢了多少包,以及每路流的流量是多少,才能评估出目前用户使用的音视频产品的服务质量是好还是坏如果用户的音视频服务质量比较差时,尤其是网络带宽不足时,可以通过降低视频分辨率.减少视频帧率.关闭视频等策略来调整用户的网络状况 WebRTC 中的统计信息大体分为三种:inbound-rtp.outbound-rtp.data-channel 另外如果你需要查看 WebRTC 的统计数据,可以在 C…

[Javascript] Creating an Immutable Object Graph with Immutable.js Map()

Learn how to create an Immutable.Map() through plain Javascript object construction and also via array tuples. console.clear(); // Can be an object var map = Immutable.Map({key: "value"}); console.log(map.get("key")); //"value&quo…

D3.js学习（七）

上一节中我们学会了如何旋转x轴标签以及自定义标签内容,在这一节中,我们将接触动画(transition) 首先,我们要在页面上添加一个按钮,当我们点击这个按钮时,调用我们的动画.所以,我们还需要在原来的基础上添加两个东西. 添加一个按钮 <div id="option"> <input name="updateButton" type="button" value="Update" onclick="…

D3.js学习（一）

从今天开始我将和大家一起学习D3.js(Data-Driven Documents),由于国内关于D3的学习资料少之又少,所以我觉得很有必要把自己学习过程记录下来,供同学们参考,如果文章有有哪些表达有错误的还希望同学们帮我指出来.当然了, 可以的话我希望大家都可以去看看英文资料(文章后面将列英文资源),毕竟那才是原汁原味的D3. 好了, 废话到此,下面我们开始我们的学习之旅吧! 什么是D3.js? 一句话:D3.js是一个操纵数据的javascript库! 从一个简单的例子开始学习一个新的东西…

13个JavaScript图表（JS图表）图形绘制插件【转】

现在网络上又有越来越多的免费的(JS 图表)JavaScript图表图形绘制插件.我之前给一家网站做过复杂的图形,我们用的是 highchart.在那段时间,没有很多可供选择的插件.但现在不同了,很容易就可以找到很多功能非常不错的图表库.个人而言,此类插件的上升,是因为: 1. Flash 过去是最佳解决方案,但很多人多在从那迁移: 2. 现代浏览器及其更强大的计算能力,使其在转化绘制实时数据方面的能力更佳: 3. 绘制矢量图的不同技术愈发成熟:VML.SVG 和 Canvas. 当然了,你需要…

JS写的排序算法演示

看到网上有老外写的,就拿起自已之前完成的jmgraph画图组件也写了一个.想了解jmgraph的请移步:https://github.com/jiamao/jmgraph 当前演示请查看:http://graph.jm47.com/example/sort.html <!doctype html> <html> <head> <meta content="text/html; charset=UTF-8" http-equiv="co…

FusionCharts简单教程(二)-----使用js加载图像和setDataXML()加载数据

前面一篇对FusionCharts进行了一个简单的介绍,而且建立了我们第一个图形,但是那个是在HTML中使用<OBJECT>和<EMBED>标记来加载图形的,但是这样做是非常不"理智"的.这样做除了代码量比较大外,还有并不是所有的人能够看懂上面的代码.但是使用JS后就可以避免上面几个问题了. 一.使用JS加载FusionCharts图形下面就分五个步骤讲解如何使用js来加载FusionCharts图形. 第一步:导入Fusi…

图数据库(graph database)资料收集和解析 - daily

Motivation 图数据库中的高科技和高安全性中引用了一个关于图数据库(graph database)的应用前景的乐观估计: 预计到2017年,图数据库产业在数据库市场的份额将从2个百分点增长到25个百分点,在此过程中图数据库工具将会逐步获得企业认可,并且其消费群体会持续增长. 文中从图发现.图知识管理和图预测角度阐述图数据库生态系统面临的技术和安全性挑战. 由于有语义网初步研究的背景,对图数据库NoSQL实现中triple概念感到亲切:在一本名为Graph database的Neo4j技术…

【转】require.js学习笔记(二)

require.js遵循AMD规范,通过define定义模块,require异步加载模块,一个js文件即一个模块. 一.模块加载require1.加载符合AMD规范模块 HTML: <script src="js/require.js" data-main="js/main"></script> MAIN.JS require.config({ baseUrl: "js/lib", paths: { "jquer…

ember.js:使用笔记8 加载测试与集成测试

emberjs使用的测试工具为qunit.js: 加载:将runner.js添加到Index.html:大致内容: if (window.location.search.indexOf("?test") !== -1) { document.write( ‘<div id="qunit"></div>' + '<div id="qunit-fixture"></div>' + '<div id…

时间作为横轴的图表（morris.js）超越昨天的自己系列（8）

超越昨天的自己系列(8) morris.js的官网有详细的例子:http://www.oesmith.co.uk/morris.js/ 特别注意它的依赖: <link rel="stylesheet" href="http://cdn.oesmith.co.uk/morris-0.4.3.min.css"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.m…

Codeforces Educational Codeforces Round 15 E - Analysis of Pathes in Functional Graph

E. Analysis of Pathes in Functional Graph time limit per test 2 seconds memory limit per test 512 megabytes input standard input output standard output You are given a functional graph. It is a directed graph, in which from each vertex goes exactly o…

40 JavaScript Chart and Graph Libraries for Developers--reference

reference:http://www.egrappler.com/javascript-chart-and-graph-libraries-for-developers/ BY TEAMEGRAPPLER · MARCH 4, 2014 Graphs and charts are used to simplify complex data and make it easy to read and understand. There is a growing number of Open…

Turn.js 实现翻书效果的学习与总结

最近CTO给我分配了一个移动端H5开发的任务,主要功能是需要实现翻书效果,我听过主要需求后,当时是呀!!!接下来自己尝试使用fullPage.js和Swiper来实现翻书效果,结果效果都不是非常的理想,后来想起自己曾经做过PC版的翻书效果,当时使用的是Turn.js ,查过其相关API后,整个人突然豁然开朗呀,使用Turn.js 完全可以解决当前我接手这个项目的所有需求呀.现在将个人的学习总结如下,若有不正确的地方,欢迎读者给与批评指正! Turn.js的官方网址: http://www.tur…

比较不错的JS 曲线图

fashion chart falsh文件支持,无需考虑兼容 Highcharts(纯JS,很漂亮效果很好) Highcharts是一个制作图表的纯Javascript类库,主要特性如下: 兼容性:兼容当今所有的浏览器,包括iPhone.IE和火狐等等: 对个人用户完全免费: 纯JS,无BS: 支持大部分的图表类型:直线图,曲线图.区域图.区域曲线图.柱状图.饼装图.散布图: 跨语言:不管是PHP.Asp.net还是Java都可以使用,它只需要三个文件:一个是Highcharts的核心文件…

[Falcor] Intro to JSON Graph

JSON is a very commonly used data interchange format. Unfortunately while most application domain models are graphs, JSON is designed to model hierarchical information. To get around this problem, Falcor introduces JSON Graph. JSON Graph introduces r…

Paper.js - Paper.js

Paper.js - Paper.js Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphi…

canvas.js | CLiPS

canvas.js | CLiPS canvas.js The canvas.js module is a simple and robust JavaScript API for the HTML5 <canvas> element, which can be used to generate interactive 2D graphics in a web browser, using lines, shapes, paths, images and text. The module is…

动态可视化库Vis.js：社交关系谱

Form Here:http://code.csdn.net/news/2819345 Vis.js 是一个动态的.基于浏览器的可视化库,可处理大量的动态数据并能与这些数据进行交互操作.该项目是由Almende B.V公司开发的,包含 DataSet.Timeline, 和 Graph. Vis.js 是一个动态的.基于浏览器的可视化库,可处理大量的动态数据并能与这些数据进行交互操作.该项目是由Almende B.V公司开发的,包含 DataSet.Timeline和Graph组件. Vis.j…

13个JavaScript图表（JS图表）图形绘制插件

转自:http://blog.jobbole.com/13671/ 1. Flash 过去是最佳解决方案,但很多人多在从那迁移: 2. 现代浏览器及其更强大的计算能力,使其在转化绘制实时数据方面的能力更佳: 3. 绘制矢量图的不同技术愈发成熟:VML.SVG 和 Canvas. 当然了,你需要仔细选择,以符合自身需求.正如前面提到的,正因使用了各种技术,因此一些支持Canvas的插件仅需要一个现代浏览器. 在这篇文章中,我们已收集 13 个JavaScript图表和图形绘制插件.少数是独立的框架…

转-——推荐几个web中常用的一些js图表插件 - zccst

http://www.tuicool.com/articles/bqq2Qn 作者:zccst 我自己用过fusioncharts和highchart. jQuery插件有: TufteGraph flot js charts jqchart elycharts jquery visualize plugin 普通的: 1 highcharts http://www.highcharts.com/ Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷…

【Graph.js】的更多相关文章