Shortly after Apple reported its record first quarter 2012 results I was searching the web for an interactive chart where I could, well, interact with Apple’s financial data in an easy-to-use way. I found … only one. On asymco’s website there’s a handy Apple Product Data sheet and also a way to visualize the data. But there are a few things I didn’t like about the chart:
it’s powered by Flash,
it’s pretty slow when you try to interact with it (see list item #1),
The chart is powered by the amazing Highcharts JS. If you’re a web developer searching for a dynamic charting tool, this is the one to go. Unfortunately it has some minor bugs regarding specific chart types. I’m sure they will be fixed some time soon (Highcharts has a pretty big community and hardworking developers behind it), but that’s why I can’t use such useful chart types like stacked areas or areas showing the percent of a total yet.
A project in progress
The chart must be seen as a project in progress. I’ll update the site on a monthly basis. This includes adding more data and providing more functions to create a “web application” kind of feeling (e.g. switching chart types or changing time view from quarters to years). I’d really appreciate any feedback regarding the site, so be sure to tweet or mail me if you’ve got something so say or you want something to be improved.
One more thing …
Until now I compiled data from 41 quarters – that’s over a decade – and much of that data isn’t included in the chart yet (see above-mentioned bugs). To not let you wait until I finally can include all data I turned on Numbers and made a few charts. You may find similarities between the charts you’re about to enjoy and the gazillion charts created by asymco. I guess the reason for this is because they also use Numbers for their charts. :-)
I encourage you to use the charts any way you want, just be sure to mention me (all images are licensed under the CC BY 3.0 license). I also made Flickr and Google+ albums.
Apple’s quarterly revenues by product
Apple’s quarterly revenues by product from Q102 to Q112 in a stacked area chart.Apple’s quarterly revenues by product from Q102 to Q112 in a percent of total chart.
Apple’s quarterly product unit sales
Apple’s quarterly product unit sales from Q102 to Q112 in a line chart.Apple’s quarterly product unit sales from Q102 to Q112 in a stacked column chart.Apple’s quarterly product unit sales from Q102 to Q112 in a percent of total chart.
Apple’s quarterly Mac unit sales
Apple’s quarterly Mac unit sales from Q102 to Q112 in a line chart.Apple’s quarterly Mac unit sales from Q102 to Q112 in a percent of total chart.
Apple product ASP
Apple product ASP from Q102 to Q112 in a line chart.
iPod year-on-year change
iPod year-on-year change of revenues and unit sales from Q103 to Q112 in a column chart.
Apple’s cash and marketable securities
Apple’s cash and marketable securities from Q102 to Q112 in a stacked column chart.Apple’s cash and marketable securities from Q102 to Q112 in a stacked area chart.Apple’s cash and marketable securities from Q102 to Q112 in a percent of total chart.
Die integrierte Browsersuche ist eine Funktion, die ich beim täglichen Umgang mit Webseiten geradezu exzessiv nutze, um schnell Begriffe oder Wortfetzen innerhalb der gerade geöffneten Seite zu finden.
Wie ich festgestellt habe, kocht diesbezüglich jeder Browser gewissermaßen sein eigenes Süppchen. Das schmeckt manchmal besser und manchmal schlechter. Nur bei den Tastaturkürzeln herrscht weitestgehend Einigkeit:
Aktion
Mac OS
Windows
Suche starten
Cmd + F
Ctrl + F
Nächster Treffer
Cmd + G oder Enter
Ctrl + G oder Enter
Vorheriger Treffer
Cmd + Shift + G oder Shift + Enter
Ctrl + Shift + G oder Shift + Enter
Folgende Browser (alphabetisch sortiert) habe ich unter die Lupe genommen:
Alle Browser verhalten sich übrigens unter Mac OS X 10.6.8 (außer natürlich der IE) und unter Windows 7 nahezu identisch.
Chrome
Nachdem man die Suche aktiviert, erscheint rechts oben eine knapp 300 Pixel breite Suchmaske, die sich quasi über die Webseite legt. Darunter liegende Suchergebnisse würden dadurch theoretisch verdeckt. Dieses »Interfaceproblem« löst Googles Browser dadurch, dass er die Suchmaske bei eintretendem Ernstfall einfach nach links verschiebt. Ziemlich cool!
Die Anzeige der Suchergebnisse im Scrollbalken ist überaus hilfreich.
Rechts vom Eingabefeld werden alle Suchergebnisse in der Form »1 von 36« textuell zusammengefasst. Die erste Zahl repräsentiert den Treffer, bei dem man sich gerade befindet (im Beispiel der erste Treffer). Die letzte Zahl gibt die Gesamtzahl der Treffer an. Und Chrome listet auch wirklich alle Treffer auf; ein kleine Testsuche mit über 100.000 Suchergebnissen hat das bestätigt.
Treffer werden verzögerungsfrei mit einem gelben Hintergrund hinterlegt; das gerade aktuelle Fundstück wird durch einen orangenen Hintergrund hervorgehoben. Chrome unterscheidet bei der Suche übrigens nicht zwischen Groß- und Kleinschreibung. Zusätzlich dazu werden Treffer mit einem gelben Strich im Scrollbalken angezeigt. Dadurch bekommt man einen raschen und umfassenden Überblick, an welcher Stelle der Webseite sich Suchergebnisse befinden bzw. wo sie sich häufen. Dieses Feature ist so einfach, wie es genial ist.
Firefox
Der Fuchs platziert die Suchleiste am gesamten unteren Rand des Fensters. Der eigentliche Inhalt (Eingabefeld und Buttons zum Navigieren/Auswählen) ist knapp über 660 Pixel breit. Wenn man das Fenster kleiner als 660 Pixel zieht, wird die Suchmaske rücksichtslos verdeckt und dadurch unbenutzbar. Auch theoretische Probleme sind Probleme.
Will man alle Treffer sehen, muss man auf »Hervorheben« klicken. Lästig.
Firefox unterscheidet wahlweise zwischen Groß- und Kleinschreibung, womit man Suchergebnisse verfeinern kann. Standardmäßig wird nur der aktuelle Treffer mit grüner Farbe hinterlegt, alle anderen Treffer bleiben farblos und somit nicht erkennbar. Es gibt allerdings einen »Hervorheben«-Button, womit auch alle anderen Treffer (mit lila Hintergrund) deutlich gemacht werden. Warum nicht alle Treffer standardmäßig hervorgehoben werden, ist mir ein Rätsel. Noch etwas: Wenn alle Suchergebnisse farblich markiert werden, verzögert sich bei einer Änderung des Suchbegriffs die farbliche Hinterlegung der neuen Treffer etwas … zumindest so lange, dass es auffällt.
Positiv ist allerdings anzumerken, dass Firefox (als einziger Browser) eine sofortige Suche zulässt, d. h. man kann einfach drauflostippen und muss nicht erst das Standardtastaturkürzel eintippen, um die Suche zu starten. Nette Idee!
Internet Explorer
Die Suchleiste befindet sich beim IE unter der Adresszeile und erstreckt sich über die gesamte Fensterbreite. Auch hier besteht das Problem, dass bei kleiner werdendem Browserfenster der Inhalt der Suchleiste verdeckt wird.
Die Anzeige des aktuellen Treffers könnte deutlicher ausfallen.
Neben den üblichen Standardeingabefeldern kann man die Hervorhebung aller Treffer aktivieren oder deaktivieren. Standardmäßig ist sie sinnvollerweise aktiv, das sollten sich die Leute bei Mozilla ausnahmsweise mal zum Vorbild nehmen. Zusätzlich zur Unterscheidung zwischen Groß- und Kleinschreibung kann auch explizit nach ganzen Wörtern gesucht werden.
Der IE gibt (wie Chrome und Safari auch) die Anzahl der Treffer aus. Er spricht aber von »Übereinstimmungen«. Bei mehr als 100 Treffern hört er auf zu zählen und sagt: »Mehr als 100 Übereinstimmungen«. Aktuell ausgewählte Treffer werden nur mit der Farbe einer normalen Textmarkierung (dezentes blau) hinterlegt. Das geht sicher eindeutiger.
Opera
Der norwegische Browser sucht sehr solide. Die Suchleiste erstreckt sich über die gesamte Fensterbreite und befindet sich unterhalb der Adresszeile. Zieht man das Fenster kleiner, verkleinern sich dabei auch die Buttons und Beschriftungen … zumindest bis zu einem gewissen Grad. Das macht Opera besser als der IE und Firefox, die sich in dieser Hinsicht eher stur verhalten. Neben der Unterscheidung zwischen Groß- und Kleinschreibung kann auch nach ganzen Wörtern gesucht werden.
Suchergebnisse treten deutlich hervor.
Nach der Eingabe des Suchbegriffs verdunkelt sich die ganze Webseite. In Mac OS X werden die Treffer in grellem türkis angezeigt, in Windows 7 in hellem gelb. Die aktuelle Stelle wird mit einer grünen Box, Schlagschatten und größerem Innenabstand gekennzeichnet. Durch die Verdunkelung der Seite treten insgesamt alle Treffer sehr viel deutlicher hervor. Ein Hinweis auf die Anzahl der Suchtreffer gibt’s allerdings nicht.
Safari
Safari platziert die Suchleiste unter der Adresszeile über die gesamte Fensterbreite. Auch hier wird wie bei Opera die Webseite verdunkelt, um Suchergebnisse noch deutlicher hervorzuheben. Treffer werden mit weißem Hintergrund markiert, die aktuelle Stelle wird gelb, mit Schlagschatten und größerem Innenabstand markant hervorgehoben. Die sofortige visuelle Erfassung der Suchergebnisse schafft Apples Browser meiner Meinung nach am besten.
An Safaris Suche gibt es wenig zu bemängeln.
Die Anzahl der Treffer wird angezeigt, allerdings kann Apples Browser (wie der IE) nur bis 100 zählen. Schade.
Fazit
Chrome sucht meiner Meinung nach mit Abstand am besten, vor allem wegen der zusätzlichen Anzeige der Suchergebnisse im Scrollbalken. Firefox hingegen hat mich etwas enttäuscht, da er nicht standardmäßig alle Treffer hervorhebt. Hinweise auf weitere browserspezifische (Such-)Kniffe, die ich vergessen oder noch nicht entdeckt habe, sind willkommen!
Was Codex ist und sein soll, erfährt man wohl am besten von der offiziellen Website:
Codex is a hybrid of magazine and journal. Beautifully designed, visually appealing, an immersive experience with a lively voice, it is also serious about its subject: authoritative, scholarly at times, but not dry in tone. It’s serious, but not stuffy. It loves the people, tools, and type associated with this craft, from the man carving beautiful cherubim into wood blocks in the 1400s to brilliantly formed modern interpretations and departures. It embraces the web and is watchful for the future’s classics.
Schon wenn er das Cover sieht, juckt es den Typographen in den Fingerspitzen.
Codex hält tatsächlich, was es verspricht und ist fast schon ein inhaltliches und optisches Kunstwerk. Das knapp 160 Seiten starke Journal umfasst eine zeitliche Spanne von mehreren hundert Jahren, behandelt die packende Geschichte des Linotype-Setzmaschinen-Erfinders Ottmar Mergenthaler genauso wie Schriftdarstellungen auf dem iPad. Zahlreiche Interviews und Artikel von und mit Typographie-Experten wie Erik Spiekermann, Luca Barcellona oder Christian Schwartz zeugen von einer inhaltlichen Intensität, die ich in dieser Form selten erlebt habe.
Das haptische und optische Erlebnis ist bemerkenswert. Jede einzelne Seite des Heftes spiegelt die Hingabe und Liebe für Details wider, mit der es produziert wurde.
Oft bleibt einem beim Betrachten der Seiten die Spucke weg.
Schriftenbeschreibungen kommen in der Codex natürlich auch nicht zu kurz. Ihr Stil erinnert mich dabei fast an Weinbeschreibungen, denn bei beiden wird versucht ein kaum fassbares Gefühl widerzugeben. Und Gefühle (bzw. komplexe Geschmäcker) in Worte zu fassen, ist ja schon eher schwierig. Bei Weinen sagt man dann, diese seien z. B. paprizierend im Abgang. Bei Schriften sind einzelne Schriftstärken z. B. konservativer als andere. Einfach nur herrlich, was man mit Worten alles anfangen kann. :)
Für Liebhaber von Schriftenbeschreibungen gibt es in der Codex viel zu entdecken.
Herausgegeben wird das neue Typographie-Journal von dem Briten John Boardley. Er lebt und arbeitet in Japan und ist der Macher des Typo-Mekkas I love Typography.
