background preloader

Data Tables: faceted search / navigation

Facebook Twitter

RavenDB - Documentation - 3.5 - Faceted Search. When displaying a large amount of data, often paging is used to make viewing the data manageable.

RavenDB - Documentation - 3.5 - Faceted Search

However it's also useful to give some context of the entire data-set and a easy way to drill-down into particular categories. The common approach to doing this is "faceted search", as shown in the image below. Note how the count of each category within the current search is across the top. To achieve this in RavenDB, lets say you have a document like this: public class Camera{ public DateTime DateOfListing { get; set; } public string Model { get; set; } public decimal Cost { get; set; } public int Zoom { get; set; } public double Megapixels { get; set; } public bool ImageStabilizer { get; set; } public string Manufacturer { get; set; }} Step 1 Create an index to work against, this can be setup like so: Step 2 Next you need to setup your facet definitions: This tells RavenDB that you would like to get the following facets: Step 3 Storing facets Stale results Related articles.

BackboneIndex. Dido uist. Exhibit 3.0. Getting Involved Join us on IRC on freenode or browse the SIMILE Widgets mailing list archives to ask questions about Exhibit.

Exhibit 3.0

Chances are others may have similar questions, and the list is a great place to share answers. Background The Exhibit 3 project was supported by the Library of Congress. It is a partnership among MIT Libraries, MIT CSAIL and Zepheira, including personnel from the original SIMILE project. Exhibit 3.0 development work proceeds from the proposed architecture (PDF) released in early 2011. Demos Exhibit 3.0: What's New? Exhibit 3.0 is available for community input. Examples of Simile Widgets - SIMILE Widgets. These examples are installed locally ( and primarily meant to demonstrate the functionality of various simile widgets.

Examples of Simile Widgets - SIMILE Widgets

The Simile Menagerie: An Exhibit of Resources for SIMILE Widget Projects Do you know of a web page that utilizes a Simile Widget? Getting Started with Exhibit - SIMILE Widgets. Ready, Set, Go!

Getting Started with Exhibit - SIMILE Widgets

You need a text editor. Any good old text editor would do, even Notepad on Windows or TextEdit on MacOS. If you want a more sophisticated text editor, check out our recommended tools. We assume you know a little bit of HTML. Don't worry: most of this tutorial involves copying and pasting code that we provide. TheNewDaysDawn - Silk. Tools datacards - Data Journalism Tools. User Interfaces Supporting Casual Data-Centric Interactions on the Web - PDF.

1 User Interfaces Supporting Casual Data-Centric Interactions on the Web by David F.

User Interfaces Supporting Casual Data-Centric Interactions on the Web - PDF

Huynh S.M. Computer Science and Engineering, Massachusetts Institute of Technology (2003) B.A.Sc. Computer Engineering, University of Waterloo (2001) Submitted to the Department of Electrical Engineering and Computer Science in partial fulfillment of the requirements for the degree of Doctor of Philosophy in Computer Science and Engineering at the MASSACHUSETTS INSTITUTE OF TECHNOLOGY August 2007 Massachusetts Institute of Technology All rights reserved. Author... Department of Electrical Engineering and Computer Science August 27, 2007 Certified by David R.

Navigated Search. Purpose Every time I've needed faceted search capabilities, I've had to rewrite the JavaScript to do it.

Navigated Search

This plugin hopes to do away with that. I tried looking for an existing plugin that did what jQuery Facets does, but surprisingly I couldn't find any that offered the functionality that I wanted. Hopefully others will find this plugin useful too. Pagination using ServiceStack, BootStrap & jQuery – Building a Classifieds Site. In this post, I’ll explain how I introduced paging into my Classifieds project.

Pagination using ServiceStack, BootStrap & jQuery – Building a Classifieds Site

There are a number of different ways to accomplish this, including writing your own jQuery plugin. However, where possible, I prefer to take some shortcuts as I am in need of a quick solution & there are some great / well tested plugins out there. Simple and fast .NET Web Services framework. Add ServiceStack to your project to get started The way to get started with ServiceStack is to just add it to your project via NuGet.

Simple and fast .NET Web Services framework

Typically this means adding it to an Empty ASP.NET Web Application if you're just creating ASP.NET web services, but could also mean a Console Application or a Windows Service if you're creating a self-hosting ServiceStack service instead. These packages include the Free Usage Quotas listed below. The list of supported packages are also listed on Pagination using ServiceStack, BootStrap & jQuery – Building a Classifieds Site. MixItUp.

In-place Pagination using Backbone.js and Laravel (shop tutorial #4) - Maks Surguy's blog on PHP and Laravel. This tutorial is one more addition to my “Building a shop with Laravel” tutorial series.

In-place Pagination using Backbone.js and Laravel (shop tutorial #4) - Maks Surguy's blog on PHP and Laravel

In the previous tutorial, I showed you how to implement very nice “Smart search” feature using Selectize.js plugin to make user experience a bit nicer: When I develop web applications, I care a lot about the user experience and how easy it is for the user to get to the desired page. In this post I will explain the concepts behind making in-place pagination for your PHP apps that allows the user to view many pages of content without doing a page refresh, aka “In-place pagination”. The real, working demo of this type of search is also available at: And the source for the demo is at See the demo GIF below: Let’s start with some basics: There are many ways to achieve this kind of pagination user experience in your web applications using Javascript and AJAX calls. Documentation - instantsearch.js.

Introduction Build the perfect UI with instantsearch.js, a library of widgets designed to help you create a high-performance instant-search experience.

Documentation - instantsearch.js

Version: 1.8.16 Community driven and available on Github. Examples - instantsearch.js. Instantsearch.js. CSS Content Filter. A slide-in filter panel powered by CSS and jQuery. Browser support ie Chrome Firefox Safari Opera 9+ A well-designed filter is a powerful tool users can take advantage of. It is actually an essential feature if your website has lots of content, distributed across different categories. For an e-commerce, it is a way to increase conversion rates by reducing the time needed by the user to find what he’s looking for. Building this kind of features is never easy: filters highly depend on the website content; besides a filter panel shouldn’t be distracting, the main focus should be the content/products. It takes advantage of CSS Transitions, CSS Transformations and jQuery muscles to smoothly slide in when needed.

Credits: we integrated MixItUp, which is a great jQuery plugin (free to use in non-commercial projects) created by the talented Patrick Kunka. Searching the ParisWeb conferences - Pixelastic. 05 Sep 2016 I've been going to ParisWeb almost every year since it started ten years ago. I missed the first one and the 2012 edition (I was living in New Zealand at that time. I guess it's a good enough excuse). I cannot say how much I learned from this event.

I used to say that I could learn more in two days at ParisWeb than in 6 months of technical watch on my own, reading blogs. This year I wanted to give something back to the community, so I built a little page to let you search through all the talks of the last 10 years. Front End User Interface Final Technical Report. Faceted Navigation for Open Data: Using Elasticsearch for Designing Faceted Search: Getting the basics right (part 2) 1. Introduction In our last post we looked at some of the fundamental issues in designing faceted search such as layout (e.g. where to place the faceted navigation menus) and state (e.g. whether they should be open or closed by default). In this post, we continue the mini-series with a review of the various formats for displaying facets and the key principles for choosing between them. 2. Fundamental Principles 2.1 Facets and Search. Search Filtering vs. Faceting – A Useful Distinction – Search Tools Consulting.

I’ve found that distinguishing between the overall concept of filtering and the specific technique of faceting is useful for evaluating and improving search. Search Filtering is reducing a search result by removing result items that don’t match a certain criteria. For example, a user could filter a search by removing Excel files from results, or limiting shoes to size 7. In the simplest case, this is done by issuing another search specifying or disallowing the new requirement. This new search may or may not have any matches in the index, so it may lead to a dead end of a no results page. Search Faceting is a specific type of filter: the system displaying relevant metadata sets about results items, such as file type or shoe size, and allowing users to choose among them. As first defined by Marti Hearst in the Flamenco project, the classic faceted user interface includes the number of items that fit both the current search criteria and the value for the facet choice.

Solr-faceted-search-react. Solr faceted search client and react component pack Table of Contents Appendix A: Setting up Solr Appendix B: Building the example webapp. Building responsive grids with React Bootstrap - Gary Sieling. Untitled. Faceted ecommerce search - ReactJS Example. Announcing instantsearch.js: Everything you need for great search in one library. We’re very excited to announce the launch of instantsearch.js, our new library of UI widgets to help you build the best instant-search experience with Algolia’s hosted search API. Documentation - instantsearch.js. GitHub - algolia/instantsearch.js at master. Faceted ecommerce search - ReactJS Example. SearchKit - ReactJS Example. Add jQueryUI Accordion - Docs - Office Dev Center.

Note: The SharePoint Framework is currently in preview and is subject to change. Dev Center - Office-Add-in-Auth0. Office Dev Center - Office-Add-in-Auth0. Node.js. Log in. Office Dev Center - Code Samples. UI Fabric. Platform overview - Docs - Office Dev Center. Office Add-ins enable you to extend Office clients such as Word, Excel, PowerPoint, and Outlook using web technologies like HTML, CSS and JavaScript.

Office JavaScript API - Docs - Office Dev Center. This article provides information about the JavaScript API for Office and how to use it. For reference information, see JavaScript API for Office. For information about updating Visual Studio project files to the most current version of the JavaScript API for Office, see Update the version of your JavaScript API for Office and manifest schema files. UI Elements - Docs - Office Dev Center. GitHub - OfficeDev/Office-Add-in-Fabric-UI-Sample. Database Collection - SearchBlox Documentation - SearchBlox Server - Wiki. Searchblox allows the user to index the records from the database table and search for values easily. The Many Facets of Taxonomy. This is the third in a series that has become real-life examples of taxonomies found in my kitchen. Part 3 of “Taxonomy of Spices and Pantries” looks at where and how facets can be used as multiple categories for content.

Building the business case for taxonomyPlanning a taxonomyThe many facets of taxonomyCard sorting a kitchen taxonomyTree testingTaxonomy governanceBest practices of enterprise taxonomies Using my disorganized kitchen as an analogy, I outlined in part 1 the business reasons why a kitchen redesign needed to focus on taxonomy. NutchTutorial - Nutch Wiki.

Could You Hand Me the Dry Rub Please? Tree testing is an effective technique for evaluating navigation and taxonomy. In an environment devoid of visual design and cues, tree tests are useful for assessing existing site navigation and proposed site structure changes. Card Sorting a Kitchen Taxonomy. This is the fourth in a series of real-life examples of taxonomies found in my kitchen. The Many Facets of Taxonomy. GitHub - appbaseio/appbase-js: streaming client lib for Javascript. Documentation. Documentation. Documentation. Simple Search Service: Faceted search API made easy. Apache Solr - Untitled. Visual BI Elasticsearch Your own private Google.

How to implement faceted navigation in Azure Search. Using Angular in Office Add-ins & Office UIFabric - My Interview on the Adventures in Angular Podcast. UI Fabric. Announcing the general availability of the Microsoft Excel API to expand the power of Office 365. Ckan. Analyze/Visualize Data - Data Resources in the Health Sciences - Library Guides at University of Washington Libraries. Information ontology facet search. Siddharth Mehta's Blog. Solr: Not Just For Text Anymore. How do I view results as a grid, especially for database, CSV and MongoDB collections? – SearchBlox Help Center.

Querying Elasticsearch with PowerBI. Smarte Analyse von Log-Daten mit Excel und ElasticSearch. ElasticTab – Elasticsearch to Excel Report. Report. Faceted Navigation for Open Data: Using Elasticsearch for Simple-search-service/ at master · ibm-cds-labs/simple-search-service. Google Drive Indexing Connectors for SharePoint. Database Collections – SearchBlox Help Center. Difference Between Excel Services, Excel Web Access, Excel Web App, and Excel Online. Updates for Excel Services and BI in SharePoint 2016 on-premises. Apache SOLR Search – Find Everything. SharePoint Online Service Description.

Confluence Mobile - SearchBlox Server - Wiki. How we keep our Elasticsearch index updated with data from Microsoft SQL Server – Voormedia. Web Layout Best Practices: 12 Timeless UI Patterns Analyzed. User Intent Affects Filter Design. Entity - Using Drupal Search and Facet APIs with CiviCRM Data. Faceted search with Elasticsearch - Luminis Amsterdam : Luminis Amsterdam. How to build faceted search with facet counters using Elasticsearch - madewithlove. How to Add Amazon-Like Faceted Search to Your WordPress Site. Simple Search Service: Faceted search API made easy. Faceted navigation in PHP and MySQL Tutorial - part 1. Navigated Search. Building facets navigation. Search Engineering 101. Designing Faceted Search: Getting the basics right (part 2) The Onto-CropBase – A Semantic Web Application for Querying Crops Linked-Data.