data-visualization

问题 I want to implement a custom layout/chart. Currently I have implemented a demo of it using pure HTML, CSS & jQuery (http://jsfiddle.net/yuvraj20/Vj7Vy/). $(document).ready(function(){ var $circles = $(".circles"); routine(); function routine(){ $circles.addClass("visible"); //Intial load animation $("div", $circles).addClass("visible"); $(".line").addClass("grow"); } $circles.on("click", function(){ if($circles.hasClass("rotate")){ var $this = $(this); $circles.removeClass("rotate"); $("

问题 I want to implement a custom layout/chart. Currently I have implemented a demo of it using pure HTML, CSS & jQuery (http://jsfiddle.net/yuvraj20/Vj7Vy/). $(document).ready(function(){ var $circles = $(".circles"); routine(); function routine(){ $circles.addClass("visible"); //Intial load animation $("div", $circles).addClass("visible"); $(".line").addClass("grow"); } $circles.on("click", function(){ if($circles.hasClass("rotate")){ var $this = $(this); $circles.removeClass("rotate"); $("

问题 I have an array of equally spaced values which I am using to draw concentric circles. I want to use an emanating effect, in essence, remove the outermost circle once its value exceeds the maximum value and add a new one at the center to compensate. I am unsure about manipulation on data set to remove and add new circle. <script src="https://d3js.org/d3.v4.min.js"></script> <script> var svg = d3.select("body").append("svg"); var w = window.innerWidth; var h = window.innerHeight; var separation

问题 I am looking to generate a ternary plot with binned polygons ( either triangle or hex, preferably in a ggplot framework ) where the color of the polygon is a binned mean or median of selected values. This script gets very close, but triangle cell color is representative of a number of observations, rather than a mean value of observations contained within the triangle cell. So rather than soley providing X,Y, and Z; I would provide a fourth fill/value variable is provided from which binned

问题 I have lots and lots of data in various structures. Are there any better platforms other than Excel charts which can help me. thanks 回答1: What about google charts? 回答2: http://services.alphaworks.ibm.com/manyeyes/browse/visualizations Here you can upload data sets and get different online visualization, your data will be made public tough. 回答3: A starting point The field of data visualisation is growing rapidly at the moment. Traditional toolchains such as Microsoft Excel were augmented by

问题 I need some help with d3 and MySQL. Below is my question: I have data stored in MySQL (eg: keywords with their frequencies). I now want to visualize it using d3. As far as my knowledge of d3 goes, it requires json file as input. My question is: How do I access this MySQL database from d3 script? One way which i could think of is: Using Python, connect with database and convert the data in json format. Save this in some .json file. In d3, read this json file as input and use it in

问题 UPDATE: I found the answer... included it below. I have a dataset that contains the following variables and similar values: COBSDATE, CITY, RESPONSE_TIME 2011-11-23 A 1.1 2011-11-23 A 1.5 2011-11-23 A 1.2 2011-11-23 B 2.3 2011-11-23 B 2.1 2011-11-23 B 1.8 2011-11-23 C 1.4 2011-11-23 C 6.1 2011-11-23 A 3.1 2011-11-23 A 1.1 I have successfully created a graph that displays all of the response_time values and a smooth geometry to further describe some of the variation. The challenge that I have

问题 UPDATE: I found the answer... included it below. I have a dataset that contains the following variables and similar values: COBSDATE, CITY, RESPONSE_TIME 2011-11-23 A 1.1 2011-11-23 A 1.5 2011-11-23 A 1.2 2011-11-23 B 2.3 2011-11-23 B 2.1 2011-11-23 B 1.8 2011-11-23 C 1.4 2011-11-23 C 6.1 2011-11-23 A 3.1 2011-11-23 A 1.1 I have successfully created a graph that displays all of the response_time values and a smooth geometry to further describe some of the variation. The challenge that I have

问题 I am using pyplot to create a climograph based on the visualization of Walter/Lieth. Climograph Walter/Lieth Another Climograph by Walter/Lieth As you can see on the images (the links above), the right y-axis is compressed starting from the value of 100. Their visual distance gets smaller while their numerical intervals become larger. I can't figure out how to achieve this in pyplot. I know how to set the tick values to create a custom scale but of course they always are equidistant. As you

问题 We are monitoring 3 processes A, B and C that will always either be in level X, Y, or Z. A protocol records when a process changes levels. df = read.csv(tc <- textConnection('Time1,Process1,Level1 2013-01-09 18:00:34,A,X 2013-01-09 18:00:34,B,Y 2013-01-09 18:00:34,C,X 2013-01-09 18:00:59,A,Z 2013-01-09 18:01:06,A,X 2013-01-09 18:01:10,C,Y 2013-01-09 18:01:10,B,Z 2013-01-09 18:01:13,A,Z 2013-01-09 18:01:18,A,Off 2013-01-09 18:01:18,B,Off 2013-01-09 18:01:18,C,Off '),header=TRUE) close