I have been goggling a lot to find anything with link-based data visualization in Flex 4. something like below screen shoot (made using Ravis). Where user can drag these nodes, without removing the links and on double click of any node we can set some properties for that particular node. I found this Ravis (Birdeye), but not much of examples and support is available for that.
View 1 RepliesI just discovered impure.com and was very impressed by what can be achieved in terms of visualizing data using their workspace. Although the platform is free to use, but not open source yet. This causes a few problems because the API section works with .com sites for eg. for ebay, so I cannot visualize ebay listings for regional sites such as ebay.in because the link to ebay.com is hardcoded.I searched around, but didn't find other projects that offer a similar way to work with site APIs and other data sources with the kind of user interface and detail that impure.com does in a realtime way within a browser window.This brings me to the questions:
-What technologies would be involved in creating a similar kind of project
-What are the open source tools that can help develop a fullscreen UI to render the workspace. Are there any alternatives to flash for this, and how do they compare
The goal would be to use standard python data structures, python scripts to do some processing on these data structures, scripts to gather data from csv, json and API sources such as google yahoo, wikipedia and flickr, and scripts to render graphs, tag clouds, network visualizations etc. Then bring them all together into a visual interface that supports drag drop and simple type checking.How would the python backend integrate with the UI.
Is it possible to run the .json file which is has status data from twitter and run it with flex to create a visualization of the data ?
View 1 RepliesI have a professional license of Flex 3.3. This allows me to create applications using the data visualization components (charts) without watermarks. However, all of release builds (test, production, etc) occur on our build server.
The build server only has the Flex SDK installed (not full Flex Builder). As a result the SWFs compiled with this SDK contain watermarks on all the charts. How can I apply a Flex Builder Professional license to the build server to remove the watermakrs w/o installing Flex Builder?My build environment is Flex SDK 3.3 + CruiseControl.NET + NAnt.
How do I use [URL] with Flash CS3 in AS3. I don't intend to use Flex.
View 1 RepliesAre there javascript libraries that can handle large data visualization? I've seen Protovis, but not sure how much data it can handle. Also, how do Actionscript libraries compare to Javascript in terms of performance?More:I've tried Flare, but seems to be slow for my applictaion. Now I'm yet to figure out if it is the rendering or if it is the shaping of data for rendering. I am looking at interactive graphs like the JobVoyager.
View 1 RepliesAre there any good data visualization libraries that you swear by? I'm looking into what is available for the creation of tree-like graphs that represents rounds of competition.
View 3 RepliesIm trying to create a small data visualization project. i'm wanted multicoloured balls to fall the mouse round the screen and when you click one it brings up data from an xml document. im currently using a image of a ball is there away to generate one in flash so far this is what i have
ball.onEnterFrame = function() {
var xMouse = _root._xmouse;
var yMouse = _root._ymouse;
[code]....
I've got a pure AS3 (no Flex) project that uses Flare to display and interact with a data visualization. I just implemented some panning behavior, so you can click and drag the visualization around, and now I'd like to give the user a visual indicator that this is possible, by switching the arrow cursor with a nice grabby-looking hand icon.The user can click and drag at any time except when the mouse is over a clickable node (at which time the cursor swaps to a pointer - this behavior is already in place).
1) Do I need to create my own custom bitmap/sprite or is there a palette of built-in cursors I can use? (I'm not using Flex.)
2) Is there a way to simply replace the default arrow with the pan cursor project-wide, or do I need to attach the swapping to mouse events on display objects? Can I use the stage object to make this behavior apply everywhere?
3) How do I perform the swap? Do I use the Cursor object directly or do I need to get involved with the CursorManager?
does anyone know of any alternatives to the flare data visualization framework that is in regular AS3 and not Flex? [URL]..
View 1 RepliesI'm trying to visualize the results of a quiz in ActionScript 3.0.What I would like some input on is how to best link the "filters" (top right corner in attached image) to the data source in a flexible OOP way.The result array now contains both number of correct answers and meta data about the person taking the quiz. The meta data could be both discrete (sex) or continuous (age).
results = [{name: "Lisa", correct: 5, sex: 0, age: 52}, {name: "Peter", correct: 3, sex: 1, age: 32} ... ]
How do I tell the boxes to, for example, change color when I change filter?Should each box object hold its own data or should there be some sort of controller listening to the filter object to dispatch an event and thereafter call a box.setColor method?
Based on user input height, weight, measurements and other data, dynamically generate a person (can produce 3D graphics)?
View 1 RepliesI'm following flex tutorials but i'm not doing exactly as they do, so :hat i want I have an input text, with a button 'search'.I want when this button is clicked that the data returned by the function search are displayed in the datagridWhat i have :
The text input :
<s:TextInput includeIn="DetailServeurs" x="58" y="361" width="209" id="txt_search" text="Default text" focusIn="txt_search_focusInHandler(event)"/>
[code]........
I have a flex data grid. It contains two column Maths Mark and English Mark. If Math Mark >English Mark for any row then it will set that particular row color as Green.
View 1 RepliesHow can I color the ColumnSeries differently based on data. I need something like a labelFunction only for the column fill.
EDIT: Attached image for JAX to understand. :)
I've search all over today trying to find how to do this, and not being familiar with actionscript is starting to catch up to me. What I would like to accomplish is: I have a list of messages in a Datagrid coming from a dataprovider in another class, which in turn gets them from our Oracle DB. I need to all the user to set a visible state on the message, and then filter that out of the datagrid with the click of a button. I have the check box for hide, and it sets that value into the database. I can't figure out how to get the filterFunction to work with an array collection when the filter parameter is within the row data.Here is the code
public function filterResults():void {
modelLocator.notification.messageList.filterFunction = filterRows;
modelLocator.notification.messageList.refresh();
[code]....
I have a situation where I have a List showing a queue of Upload Objects:
[Code]...
I would like to create three different views of the List: One showing All uploads in the queue Another showing only the Upload items with Upload.type == "Update" and another showing only the items with Upload.type == "Create". Another example of this would be on an email inbox, where we could filter "All, unread, or read". I realise I could just create three different lists, one for each view of the list (maybe I'm just being picky) but I was wondering: Is there is any easy way to conditionally select the items to display from a DataProvider based on a parameter (for example type =="Upload") so I don't have to juggle three separate ArrayCollections about?
I've made a component based on a mx:TitleWindow that contains linkbuttons that I'm using as a context-menu. The TitleWindow component contains link buttons like this:
[Bindable]
private var _showEmailThis:Boolean = false;
[Bindable]
private var _showApproveThis:Boolean = false;
[Bindable]
private var _showReviewThis:Boolean = false
[Code] .....
This component contains a large number of links and is re-used by multiple modules in the same application. Within each module, this component is used when a user clicks on a row in a datagrid. The code looks like this:
In "Requests" module:
private function dgRequests_click(event:MouseEvent):void {
menu.showApproveThis = true;
menu.showReviewThis = true;
}
In "Performance" module:
private function dgPerformance_click(event:MouseEvent):void {
menu.showEmailThis = true;
menu.showReviewThis = true;
}
As you can see, the visibility of individual linkbuttons is controlled within each module by setting boolean properties. If I alter this component to use a renderer, how can I control the visibility of the linkbuttons from the code in each module (there are over a hundred links with different functionality - not every link will be used in each module)? Note: it is not known from the back-end which grid within which module uses which link. This is set in the front end within each module's actionscript file. E.g., if the XML looks like this:
[Code] .....
And I set the Email link to show in the module like this:
private function dgPerformance_click(event:MouseEvent):void {
menu.showEmailThis = true;
}
How do I make it take effect? Is there a way to control the visibility of a linkbutton within an item renderer in a component from the module that uses that component?
In flex 3 I have a hierarchical data structure. I would like to display the content of it in a tree. My problem is that I have nodes which data calculated from children nodes. How to structure the hierarchy to make automatic changes to those parent nodes, if their children's data changed? For example:
Every node has a warning flag. If some of the children warning flag changed to true, then the parent warning flag should change automatically set to true. A node integer field is the sum of the children integer fields, and if any of the children changes, the parent integer field "calculates" the sum immediately. Is there an easy solution wit good structuring changes happen automatically, or I have to make some custom functions?
I have to populate an Advanced Data Grid which have the following fields: Continent->State->Society-->Actual Value-->Estimate Value I want to simulate a financial market so i have to change some of the values by asynchronous request from an HTTPService; If necessary i'll post the .as file, but it is generated automatically by Flex Builder.
Here's the code of the client side Flex/Air application:
<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute"
[Code].....
I want to separate the data from the PHP call to Different CollectionArrays So that I can use the data for a bar-graph;
I created a static version of the bar-graph and separated the Collection array manually I don't want this done manually I need to do it dynamically. So what I am trying to understand is where to put the event-listener how to add to a collectionArray then once the collection array(s) are built. use that information to build the bar graphs...
/*
*
36, > 2 years, Compliance
6, 0-90 Days, Compliance
[Code].....
I've got a Gridcolumn in a Datagrid (Spark). The Column's dataprovider is a Number value that gets updated via Binding.Now, without an item renderer the cell displays the correct values.If I set an item renderer, I can't access the values in this renderer.My renderer looks like this, so nothing really do here (for now) but to trace the value, but the value is always NaN.
<?xml version="1.0" encoding="utf-8"?>
<s:GridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark" width="100%" height="100%" >[code].......
without the renderer, the column displays the correct values, so apparently the DefaultGridItemRenderer works fine.As requested, here is my Datagrid;
<s:DataGrid id="dataGrid" dataProvider="{_listItems}">
<s:columns>
<s:ArrayList>[code]..........
_listItems is an ArrayList with instances of a model class, which has (amongst others) a property called change of type Number.
I have a data grid who's data provider is set to an XML object.
Code:
<mx:DataGrid id="streamMonitorGrid" dataProvider="{_data.stream}" height="100%" width="100%">
[code].....
I have an xml file (externally saved) that is similar to the following:
[root]
[main]
[title]...[/title]
[Code]....
What I like to do is to get what's in [title] tag using HTTPservice, import it into Flex, and save it as array objects, and do the same thing for [content]. This way I can later refer the array object saying title[0] or content[2].
I have a DataGrid whose dataProvider is an Array of int Arrays (each with different lengths). Since each row has variable size (and I want to display all the data), I decided to extend DataGridColumn and overwrite the itemToLabel function to be able to display the data. The problem is that I also need to display the data differently depending on the int value.
I believe the only solution is to write an itemRenderer, but the only input the itemRenderer.set(data) function receives is the entire int Array. I believe I need either the exact string returned by itemToLabel or the column index of the cell the itemRenderer is for (to basically do the same parsing I implemented in itemToLabel).
I am trying to drag and drop hierarchical data in the same advanced data grid, and I would like the data provider to updated when the ADG is updated. (I want to be able to save and load this tree, so it is important that drags and drops are saved.)
[URL]
The sample app has an ADG showing hierarchical data as well as flat data. The first column of each datagrid shows the rowindex of the underlying data.
If you rearrange the items on the left ADG, the row indexes become unordered. If you click traceTree you see that the data provider is not in order.
On the other hand if you do the same on the right, the row numbers stay ordered even when the objects move around and if you click traceFlat, the data provider is in the order shown on ADG
My goal is to have the data provider order match the ADG order for the left grid which is displaying hierarchical data.
need to load 10 records from database in advanced data grid. After i scroll the advanced data grid. it has to load 11 to 20 records etc.
View 1 RepliesI have a radio button group within a data grid, whenever I attempt to change the selected radio button the web page crashes. Below is how I put together the radio button in the data grid.
MXML
<mx:Accordion>
<fx:Declarations>
<s:RadioButtonGroup id="cover"/>
[Code]....
My data grid is displaying stale data, rather than the real time data available in it's data provider (array collection). I've tried refeshing the data in the collection, but that has no effect. Below is my code, does anyone see what could be the problem?
<mx:Accordion/>
<fx:Script>
<![CDATA[[code].....
If user change the value of the TextInput, then click refresh button to retrieve the data model from backend again, the GUI value will not change back. Re-binding not happen, Since the value of data model not changed, no propertyChanged event fired.In this case, I must Programmatically set the model value to the GUI after data refreshing done.I know bi-directional binding can solve this problem(when user change value on GUI, set the new value to data model immediately). But sometimes I cannot use bi-directional binding, for example, the data model is a int, but user input a non-int value, I cannot set the value to data model. So the value in data model do not change, when refresh data, rebinding still not happen.
This will make the data binding useless. How to resolve this?I put pseudo-code here for now, I will put real code later:1. retrieve a data model from server, via blazeds or something else.2. bind the model to a TextInput on GUI.3. user change the TextInput text.4. User click a refresh button, triger retrieve the model value again.5. Now since the model value do not change, no PropertyChanged event fired.6. GUI value still is the user's input, not the value from the model. can clear the model value before set the velue back, make re-binding happen.(but sometimes you do not know how to clean the model value, take int for example, you may do not know the original value and happen set the same value). Or I can manually set the model value to GUI. But both are not good looking.