HTML grid/table options (virtual rendering/scrolling) [closed] - javascript

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 6 years ago.
Improve this question
I'm looking for a solid, high-performance HTML grid/table with virtual rendering/scrolling. So far I've compiled the following possible options:
dhtmlxGrid
datatables
tablesorter
www.jtable
SlickGrid
trirand.com
flexigrid
First, I would appreciate if anyone can add more options to this list for consideration.
Second, can anyone offer any "real world" experience using a HTML grid/table for a high-performance web site ... 10-100k concurrent users, and issues such as with browser compatibility, etc.

My site is a high-traffic, high data (1 million+ records) SAAS marketing automation system that uses Datatables exclusively.
Chances are, if it's a reputable alternative to Datatables I've tried it over the last year, and site traffic isn't a problem with any solution I've found....all seem to do really well that way and are (relatively) low overhead.
The trick is dealing with a lot of data. Many options want you to send an HTML table to the javascript and it will build your grid by crawling the dom. It sounds great until you start dealing with more than a couple of thousand records, then it starts grinding. Datatables overcomes this by allowing you to build your data server-side, either X records at a time or X+a defined overage (called pipelining) that allows you to buffer more results than the user needs on each query to allow faster paging. It's what makes it appear to work so quickly, almost unnoticeable to the user if you have your queries optimized well. There's a full API to allow you to modify data on the fly (such as with an editable table).
Datatables is also the only one (at least at the time of my search) that fully integrates with jQuery ThemeRoller. In my app, that means that with a simple switch of a CSS file (autogenerated at jqueryui.com) I can completely retheme my entire app, including datatables. It's allowed me to sell co-branding as an upcharge and it literally takes me 5 minutes to do.
Finally, Datatables has a thriving community, plugins such as download and export to CSV or PDF, and an author that will answer questions seemingly 24/7. I suspect many of his concepts will be incorporated into the future jQuery UI Grid, which is due out in the not-so-distant future....since he is contributing on the project.

Related

Is there a good web application for manipulating pdf files? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
Is there a good web application for manipulating a PDF files? For example, drag and drop images to it and save for future reference, then remove the dropped images anytime etc. I want to integrate it with my existing web application also.
EDIT:
These links I have came across while searching. Might be useful for someone searching the same.:)
PDFescape
Crocodoc
A.nnotate.com(a.nnotate.com)
GroupDocs Annotation(groupdocs.com/apps/annotation)
Mozilla has pdf.js which renders PDF files using HTML5. This same script is used in the built-in PDF reader of recent Firefox browsers.
It's experimental, but you could hack the code and do whatever you want with it.
If you are looking for just an online tool which will spit the pdf file use - Sejda
there is a lot of other tools available online too
PDF Sharp will allow you to do all sort of manipulation that you require. It is open source, free to use. You can download it from here..
Features include
Creates PDF documents on the fly from any .Net language
Easy to understand object model to compose documents
One source code for drawing on a PDF page as well as in a window or on the printer
Modify, merge, and split existing PDF files
Images with transparency (color mask, monochrome mask, alpha mask)
Newly designed from scratch and written entirely in C#
The graphical classes go well with .Net

javascript grid control for ipad [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 6 years ago.
Improve this question
We have a web application designed for pc browsing. For this application we used infraguistics grid control to present information and some of them are hierarchical. We can group by columns, sort them etc.
We want to convert this application to Ipad compatible web application. We are thinking about using jquery mobile, but it is still early stage. There is no grid like control in jquery mobile, there are controls like list and Collapsible but nothing like grids with flexibility like sorting, grouping etc.
Is there is any other options or suggestions.
We are not really focused on Jquery mobile it could be anything but should be javascript based.
Thanks,
You may use JSLightGrid plugin. It's responsive, supported by mobile browsers, very light weight and very good in performance, in short good for mibile applications. https://github.com/chanakyachatterjee/JSLightGrid
But you need to write your custom code grouping unless they include it in next version.
It's pure javascript.
Mobile web frameworks are not as mature as desktop frameworks. The features you're describing are difficult to achieve within the constraints of a mobile environment. I don't know of a mobile framework that will do what you need.
Your options are:
Build this yourself using something like jQuery Mobile as a base (I would use Sencha Touch).
Pay someone to do #1.
Alter your iPad design so that it doesn't require this feature.
(Sorry I don't have better news.)

JS library for creating a mindmap like interface [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 4 years ago.
Improve this question
I have to create an interface similar to what http://www.madeiracloud.com provides for drawing a network architecture (for different purposes than what they are doing).
Basically users should be able to drag & drop elements to a canvas and connect them using directional arrows.
What library should I use for this? I'm looking at d3, raphael and ocanvas.
Raphaël ( http://raphaeljs.com/ )in combination with the Dracula Graph Library( http://dracula.ameisenbar.de/ ) will get you started.
and also thejit is perfect:
Multi-Trees
The JavaScript InfoVis Toolkit provides tools for creating Interactive Data Visualizations for the Web.
http://thejit.org/
Edit:
you can also take a look at Processing.js
http://processingjs.org/
Processing.js is the sister project of the popular Processing visual programming language, designed for the web. Processing.js makes your data visualizations, digital art, interactive animations, educational graphs, video games, etc. work using web standards and without any plug-ins. You write code using the Processing language, include it in your web page, and Processing.js does the rest.
You should take a look at the MindMap project which use Raphael.js internally.
You can find the demo at http://kenneth.kufluk.com/google/js-mindmap/
In a commercial context you should also take a look at what yFiles for HTML has to offer.
It's a generic graph drawing and editing javascript library which solves your "drag and drop and connect" use-case easily. There is also a specific mind map example available online:
but in this application nodes are not created via drag and drop. This however of course is possible, too, as can be seen in this online demo.
The specific strengths of that library are automatic layout/arrangement of nodes and connections, so if you are creating larger networks or populating the graph automatically from an external data-source these come in very handy. However if you don't require this feature set, simpler solutions may work, too, of course. Note that d3 has the focus on viewing data, and is not so much about user interaction and creating graphs interactively.
Disclaimer: I work for the company that creates that library, however I do not represent my employer on SO. My comments are my own.

Does Google use GWT for their projects? If not what do they use? [closed]

Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 11 years ago.
Improve this question
I know this has been asked before but I'd like to ask it here and see what happens.
What do Google's developers use to implement their sites like http://translate.google.com/ for instance. When I look at the source of the page, I'm not immediately seeing anything GWT.
I've been working on a few GWT projects and my experiences with it have been mixed. The advantages are obvious, and I've created dynamic scheme making client-server communication even more transparent. But the downsides have been nagging PITA pretty much. Erroneous hard to find anomalies. Slow building process (I'm familiar with the optimizations and tuning to improve development cycles). Layout hell (css). Plus problems developing for mobiles. No devmode, need various tricks to let me debug and probe inner state. Problems with specific mobiles (eg. Acer A500 disappearing keyboard problem). Mobiles not scaling UI properly. The list of issues goes on and on.
I have the feeling that Google is perfectly well aware of the pitfalls of GWT and use something much better internally for their own apps. Does anyone know how they develop their sites?
The admin pages for Adwords is as far as I know done with GWT, as was wave.
For some projects they have used the Closure library
Gmail is one of these I think.

JavaScripted Augmented Reality [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 5 years ago.
Improve this question
Does anyone have experience with a JavaScript library for Augmented Reality?
If so, can you recommend one?
EDIT:
Not sure how to better clarify this... By Augmented Reality I mean using device webcam (laptop, smartphone, tablet) and overlapping elements over the video feed on screen. Ofen, the overlapping is done based on a marker the algorithm searches for within each frame and makes calculations about its position in space.
Hope that's enough.
Thanks.
I think this is what you might be looking for. JSARToolkit is a direct port of Flash FLARToolkit from Ilmari Heikkinen. Great tutorial you may also want to check out and a link to the Git repo.
http://weblog.bocoup.com/javascript-augmented-reality/
https://github.com/kig/JSARToolKit
You can try skarf.js, a framework that I have created for handling JavaScript augmented reality libraries in Three.js.
It currently integrates JSARToolKit and js-aruco, so you can easily switch between these two libraries to decide on the more suitable one to use.
This framework takes care of a number of things for you, including automatic loading of models when the associated markers are detected (association is specified in a JSON file). There is also a GUI marker system which allows users to control settings using AR markers.
Integration with Three.js is just one line of code to create a Skarf instance and another line of code to update.
There are videos, live demos, source codes, examples and documentation available. Check out http://cg.skeelogy.com/skarfjs/ for more info.

Categories