Newsmap Brings Tag Cloud to Google News

slfisher 2 Tallied Votes 419 Views Share

Okay, this is cool -- a single screen that shows an aggregation of Google news stories, with size representing the number of stories on a topic, color representing the category, and hue representing the stories' age.

The site is designed by a company called Maramushi, headed by Marcos Weskamp, who describes himself as a San Francisco-based Design Engineer "who has a deep interest in playing with and visualizing lots of data. He is a self-taught technologist who constantly investigates the fields of Interaction Design and Information Visualization." He has in Argentina and Japan, and now works for an unnamed startup.

Newsmap works like this, according to the website: "A treemap visualization algorithm helps display the enormous amount of information gathered by the aggregator. Treemaps are traditionally space-constrained visualizations of information. Newsmap's objective takes that goal a step further and provides a tool to divide information into quickly recognizable bands which, when presented together, reveal underlying patterns in news reporting across cultures and within news segments in constant change around the globe.
Newsmap's objective is to simply demonstrate visually the relationships between data and the unseen patterns in news media."

Users can specify which country's perspective on news they want -- more than a dozen countries are available -- and users can also choose not to receive certain types of news, such as sports or entertainment.

The site has about 15,000 registered users in November -- in fact, so many that its servers are being overloaded, resulting in some spot outages.

Dani AI

Generated

Good find, , and useful follow-up from . Below are concise, practical UX and production tips for single‑screen news visualizations so they remain usable and resilient for readers who find them long after launch.

Make the overview truly scannable and the details discoverable. Use multi-scale labels (high‑level labels at the overview; headlines on hover or when zoomed), a persistent searchable list as a fallback, and simple time-slicing controls. Keep animations minimal and meaningful (morph on relayout rather than flashy motion) so users can track changes. Provide a compact legend and obvious controls for filtering, sorting and switching to a linear list view.

Plan for readability and scale. Aggregate tiny items into an “other” bucket until the user zooms, clamp label sizes to avoid overlap, and expose numeric counts and timestamps in tooltips or the list fallback. Offer an accessible alternative view (keyboard navigation + ARIA list) and a high‑contrast/pattern option for users with color vision deficiencies.

Aim for robust performance and graceful degradation. Render heavy scenes with canvas/WebGL or virtualized SVG, debounce expensive relayouts, compute layouts incrementally, and cache precomputed tiles or thumbnails for peak load. A simple debounce helper for resize/relayout:

function debounce(fn, ms) {
  let t;
  return (...args) => {
    clearTimeout(t);
    t = setTimeout(() => fn(...args), ms);
  };
}

window.addEventListener('resize', debounce(() => render(), 150));

Validate with task‑based testing: measure time‑to‑insight, task success (find a topic, open an article), and click‑throughs. Because the project here appears to have limited ongoing maintenance, design for archival and export (snapshot images, CSV feeds, or a list fallback) so the visualization remains useful even if active development stops.

Member Avatar for Member #949455
Member #949455

The site has about 15,000 registered users in November -- in fact, so many that its servers are being overloaded, resulting in some spot outages.

They haven't updated the blog since than which is 2009.

But the website is still active:

http://newsmap.jp/#

Nice Article.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.